css实现表格实线的方法
这篇文章主要介绍了css实现表格实线的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
利用在css设置表格实线:
代码如下:
table{border-collapse:collapse; /*表示将单元格中各小格之间的空隙进行合并*/border:1px #00F solid; /*定义边框样式*/}
示例:
<!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> <title>无标题页</title><style>table { border-collapse: collapse; } table td { border:1px solid #fff000;}</style></head><body> <table cellpadding="0"> <tr> <td>First</td> <td>Second</td> <td>Three</td> </tr> <tr> <td>第一</td> <td>第二</td> <td>第三</td> </tr> </table></body></html>
结果如下:
感谢你能够认真阅读完这篇文章,希望小编分享css实现表格实线的方法内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。