table tr td边框去除

最新推荐文章于 2023-08-04 16:24:35 发布

原创最新推荐文章于 2023-08-04 16:24:35 发布 · 1.7w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#tr 边框去除 #tr边框设置

front 专栏收录该内容

40 篇文章

订阅专栏

本文详细解析了CSS中border属性的使用，包括如何为表格添加上边框、下边框、左边框、右边框及全边框。通过实例演示，帮助读者掌握不同样式的应用方法。

部署运行你感兴趣的模型镜像

<html>
<head>
<style type="text/css">
table{ width:500px; }
table tr td{ border-top:#FF0000 solid 1px; width:50%; background-color:#00CC33; text-align:center; line-height:24px;}
</style>
</head>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
</table>
</html> 

追加点哈
border-top:#FF0000 solid 1px;指的要上边框。
border-bottom:#FF0000 solid 1px;指的要下边框。
border-left:#FF0000 solid 1px;指的要左边框。
border-right搜索:#FF0000 solid 1px;指的要右边框。
border:#FF0000 solid 1px;指的要所有边的边框。