CSS 表格(Table)_层和布局特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!

      完全用CSS实现的表格，还不知道怎么用CSS制作表格吗？看下这个实例，用无序的LI列表轻松就可实现表格。颜色、单元格宽度随意调整，收藏一下吧，以后会有用哦。

      <!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"> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" /> <title>CSS 表格</title> <style type="text/css"> * { margin:0; padding:0; list-style:none;} ul { margin-left:1px; margin-top:1px; width:505px;} li { float:left; height:23px; border:1px solid #cfdae8; width:96px; margin-left:-1px; margin-top:-1px;} </style> </head> <body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </body> </html>

查看原文