现在的位置: 首页 > web前端 > 正文

css如何实现表格实线

2020年01月04日 web前端 ⁄ 共 585字 ⁄ 字号 评论关闭

利用在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相关技术文章,请访问CSS教程栏目进行学习!

以上就是css如何实现表格实线的详细内容,更多请关注学步园其它相关文章!

抱歉!评论已关闭.