怎么用CSS设置html中的表格边框样式
2个回答
2017-05-25 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
用CSS设置html中的表格边框样式用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 {
'设置边框1像素 实线 红色
border:1px solid red;
}
td{
'设置边框1像素 实线 黄色
border: 1px solid yellow;
}
</style>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一、样式
<style>
table{border-collapse:collapse;border-spacing:0;}
.table1 {margin-left: 10px;border-left: 1px #f00 solid;border-top: 1px #f00 solid;}
.table1 tr {}
.table1 tr td {border-bottom: 1px #f00 solid;border-right: 1px #f00 solid;}
</style>
二、表格
<table width="100%" border="1" class="table1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<style>
table{border-collapse:collapse;border-spacing:0;}
.table1 {margin-left: 10px;border-left: 1px #f00 solid;border-top: 1px #f00 solid;}
.table1 tr {}
.table1 tr td {border-bottom: 1px #f00 solid;border-right: 1px #f00 solid;}
</style>
二、表格
<table width="100%" border="1" class="table1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
