本文向大家简单介绍一下制作DIV表格的方法,用DIV做表格用到的样式比较多,这里介绍一个简单的表格制作方法,缺点是没有竖线分隔。但是代码简单且可以作出表格的功能,相信本文介绍一定会让你有所收获。
DIV表格制作方法
用DIV做表格用到的样式比较多,这里介绍一个简单的DIV表格制作方法,缺点是没有竖线分隔。但是代码简单且可以作出DIV表格的功能。
- <html>
- <head>
- <title>test</title>
- <styletypestyletype="text/css">
- #border-b{height:18px;}
- #border-bul{clear:both;margin:0;height:18px;}
- #border-bulli{border-bottom:#000solid1px;
- float:left;list-style-type:none;width:65px;}
- </style>
- </head>
- <body>
- <dividdivid="border-b">
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- </div>
- </body>
- </html>
但如果是制作数据陈列显示,推荐还是利用DIV结合table标签应用。
【编辑推荐】
- CSS解决DIV居中相关问题
- JavaScript动态创建div属性和样式
- CSS中border和clear两大属性用法揭秘
- 实现DIV居中布局三种途径
- 解读DIV CSS网页布局中CSS无效十个原因