制作DIV表格行之有效的方法

开发 前端
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素,那你对DIV表格的概念是否熟悉,这里和大家分享一下制作DIV表格方法。

本文向大家简单介绍一下制作DIV表格的方法,用DIV做表格用到的样式比较多,这里介绍一个简单的表格制作方法,缺点是没有竖线分隔。但是代码简单且可以作出表格的功能,相信本文介绍一定会让你有所收获。

DIV表格制作方法

用DIV做表格用到的样式比较多,这里介绍一个简单的DIV表格制作方法,缺点是没有竖线分隔。但是代码简单且可以作出DIV表格的功能。

  1. <html> 
  2. <head> 
  3. <title>test</title> 
  4. <styletypestyletype="text/css"> 
  5. #border-b{height:18px;}  
  6. #border-bul{clear:both;margin:0;height:18px;}  
  7. #border-bulli{border-bottom:#000solid1px;  
  8. float:left;list-style-type:none;width:65px;}  
  9. </style> 
  10. </head> 
  11. <body> 
  12. <dividdivid="border-b"> 
  13. <ul> 
  14. <li>&nbsp;</li> 
  15. <li>&nbsp;</li> 
  16. <li>&nbsp;</li> 
  17. </ul> 
  18. <ul> 
  19. <li>&nbsp;</li> 
  20. <li>&nbsp;</li> 
  21. <li>&nbsp;</li> 
  22. </ul> 
  23. <ul> 
  24. <li>&nbsp;</li> 
  25. <li>&nbsp;</li> 
  26. <li>&nbsp;</li> 
  27. </ul> 
  28. <ul> 
  29. <li>&nbsp;</li> 
  30. <li>&nbsp;</li> 
  31. <li>&nbsp;</li> 
  32. </ul> 
  33. </div> 
  34. </body> 
  35. </html> 
  36.  

 

但如果是制作数据陈列显示,推荐还是利用DIV结合table标签应用。
 

【编辑推荐】

  1. CSS解决DIV居中相关问题
  2. JavaScript动态创建div属性和样式
  3. CSS中border和clear两大属性用法揭秘
  4. 实现DIV居中布局三种途径
  5. 解读DIV CSS网页布局中CSS无效十个原因

 

 

责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-30 11:22:24

DIVCSS

2010-03-23 16:41:17

云计算

2010-09-15 12:32:23

DIV页面

2010-05-12 16:25:07

Subversion入

2023-07-09 00:33:47

2010-08-23 10:04:48

CSS浮动

2010-09-02 13:16:44

CSS水平居中

2010-09-25 10:06:40

jvm.cfg

2010-03-03 16:11:01

Linux ubant

2010-07-23 16:10:34

Perl用户函数

2010-05-25 14:42:58

删除SVN版本信息

2010-08-18 16:10:35

IE6CSS

2010-07-29 10:09:09

Flex数据库

2010-08-06 09:28:53

Flex页面跳转

2010-11-25 10:42:34

上网行为管理产品网康

2010-09-25 10:39:58

运行Java

2010-09-17 13:51:31

JVM Termina

2010-07-06 11:44:49

UML活动图

2021-10-19 10:18:56

欺诈管理技术前线初创公司

2015-03-03 09:13:22

点赞
收藏

51CTO技术栈公众号