htmldd下边框设置,dldtdd的边框线条CSS设置
由于 table 加载完整个表格后才显⽰，如果表格⽐较长⽹速⼜慢，⽤户需要等待很长时间才能看到⽹页，如果⽹速特别慢时连⼀个页⾯都加载不完就超时了，那么⽤户连⽹页是什么样都看不到；所以现在前端设计都不⽤ table 了，在必须⽤ talbe 的地⽅⽤它的替代都 dl dt dd。dl dt dd 跟其它 html 标签(div、ul li 等)⼀样加载多少显⽰多少，不⽤等到所有内容加载完才显⽰，这就⼤⼤加快了显⽰速度。
dl dt dd 虽然⽤来制表格的但跟 table 不⼀样，它不会默认显⽰边框，⾏与⾏、列与列之间也不会显⽰线条，这些都需要在 CSS中设置，并且每⾏要定义⼀个具体的⾼度，否则上边与下边会重合。
dl dt dd 的边框线条CSS设置举例
⽤ dl dt dd 制作表格，除要设置四边的线条外还要设置每⾏和每列的线条，这⾥⾯有个重复的问题，即第⼀⾏的上边是表格的上边，第⼀⾏的下边是第⼆⾏的上边；第⼀列的左边是表格左边，第⼀列的右边是第⼆列的左边；这些重复的部分设置⼀次即可，否则线条会变粗⽽不美观。
看似复杂的边框重复问题其实很好解决，⾸先定义表格的四边，然后只定义⾏的下边、上边不定义，这样只会出现最后⼀⾏的下边与表格的底边重复，最后⼀⾏不定义下边问题不就解决了；列跟⾏也⼀样，只定义列的右边不定义左边，只会出现最后⼀列的右边与表格的右边重复，最后⼀列的右边不定义即可。
假如有 dl dt dd 如下：
第⼀⾏第⼀列
第⼀⾏第⼆列
第⼆⾏第⼀列
第⼆⾏第⼆列
第三⾏第⼀列
第三⾏第⼆列
CSS设置如下：
.dltable{border:1px solid gray;}
.dltable dt{border-bottom:1px solid gray; border-right:1px solid gray; height:32px; width:120px; float:left;}
html ul标签.dltable dd{border-bottom:1px solid gray; height:32px;}
.dltable dt.last{border-bottom:none;}
.dltable dd.last{border-bottom:none;}
以上定义只是两⾏两列的情况，这种情况是⽤得⽐较多的提交数据的表格；⼤于两列的情况还需要另外定义CSS，如 dd 需要添加右边和浮动，最后⼀列需要消除浮动。当然，定义多⾏的表格也可以⽤ ul li。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。