您好,欢迎来到飒榕旅游知识分享网。
搜索
您的当前位置:首页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>

结果如下:

1.jpg

更多CSS相关技术文章,请访问CSS教程栏目进行学习!

Copyright © 2019- sarr.cn 版权所有 赣ICP备2024042794号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务