首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
用DIV+CSS如何实现这种表格效果
所属分类：
网络编程
/
CSS/HTML
阅读数： 646
收藏 0
赞 0
分享
表格效果table
<table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"> <tr bgcolor="#FFFFFF"> <td height="50" colspan="3"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="50"> </td> <td height="50"> </td> <td height="50"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="50"> </td> <td height="50"> </td> <td height="50"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="50"> </td> <td height="50"> </td> <td height="50"> </td> </tr> </table>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
表格效果div+css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <div id="div1"> <ul> <li style="width: 449px;">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> </div>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
最窄770px最宽1024px的经典布局研究
最窄770px最宽1024px的经典布局研究
评论 0
收藏 0
赞 0
分享
CSS使用心得体会
CSS使用心得体会
评论 0
收藏 0
赞 0
分享
用CSS实现链接的虚线下划线效果
一些CSS定义虚线实例代码
评论 0
收藏 0
赞 0
分享
动态CSS站点教程：多个页面样式提供浏览者选择
动态CSS站点教程：多个页面样式提供浏览者选择
评论 0
收藏 0
赞 0
分享
鲜为人知的CSS技巧10则
鲜为人知的CSS技巧10则
评论 0
收藏 0
赞 0
分享
快速制作CSS导航菜单教
快速制作CSS导航菜单教
评论 0
收藏 0
赞 0
分享
给图片在博客中添加滤镜效果
给图片在博客中添加滤镜效果
评论 0
收藏 0
赞 0
分享
DIV+CSS网页制作布局技巧学习
DIV+CSS网页制作布局技巧学习
评论 0
收藏 0
赞 0
分享
详谈 CSS样式表使用：链接/嵌入
详谈 CSS样式表使用：链接/嵌入
评论 0
收藏 0
赞 0
分享
表格隔行换色 css expression
表格隔行换色 css expression
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
调查：55.2%受访用户不会相信朋友圈打广告的化妆品
怎样利用网络赚钱 网络赚钱有哪些方法
教育培训类网站的盈利模式
光大银行网上银行西联汇款收汇方法分享
816京东免单活动内容、规则 免单攻略
Google AdSense 电汇教程 谷歌联盟国内电汇收款教程（招行）
站长故事
更多
从地图到苹果6！盘点苹果产品的四大败笔
当iPhone6被上升成人民内部矛盾
一成不变的站长到底还能活多久？
职场中12种经典实用的管理方法和工具
我对互联网VC的10点看法 知己知彼百战不殆
90后男子新婚杀妻后将照片发朋友圈续：被判死缓
