怎么用CSS设置html中的表格边框样式
3个回答
展开全部
设置表格的样式可以直接使用css的border样式来设置的。
工具原料：编辑器、浏览器
1、设置一个表格的外边框为红色，内边框的为黄色，代码如下：
<body >
<table>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
</table>
<style>
table {
border:1px solid red;
}
td{
border: 1px solid yellow;
}
</style>
</body>
2、运行的效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在td中添加边框样式，border
简单写了个示例，如下，希望对你有帮助，望采纳！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
table td{ border: 1px solid #dedede; }
table{border-collapse: collapse;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr height="30px">
<td width="100px"></td>
<td width="100px"></td>
<td width="100px"></td>
</tr>
<tr height="30px">
<td></td>
<td></td>
<td></td>
</tr>
<tr height="30px">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
几种方式都可以实现：内联样式直接在标签里面写,例如给表格添加1px的实线红框
<table style="border:1px solid #f00"></table>
或者在外部样式表写样式
先给自己的表格取个class名或者id名，例如
<table class="myTable"></table>
引用的样式表里面写
.myTable{border:1px solid #f00}
补充一句：我是专业的前端，有不懂的都可以问我，学习资料什么的都有，满意请采纳哟
<table style="border:1px solid #f00"></table>
或者在外部样式表写样式
先给自己的表格取个class名或者id名，例如
<table class="myTable"></table>
引用的样式表里面写
.myTable{border:1px solid #f00}
补充一句：我是专业的前端，有不懂的都可以问我，学习资料什么的都有，满意请采纳哟
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
