怎么用CSS设置html中的表格边框样式

怎么用CSS设置html中的表格边框样式,第1张

<style>

myTable th{

border:1px solid #fff;

}

</style>

<table class="myTable">

<caption>table title and/or explanatory text</caption>

<thead>

<tr>

<th>header</th>

</tr>

</thead>

<tbody>

<tr>

<td>data</td>

</tr>

</tbody>

</table>

table 边框都是border属性,一般设置在th、tr、td上

border

简写属性,用于把针对四个边的属性设置在一个声明。

border-style

用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

border-width

简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。

border-color

简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。

CSS代码:

font-size:

15px;

width:

70%;

margin:auto;

text-align:center;

font-size:

15px;

border-width:

1;

border:1px

solid

#cccccc;

注解:border

只定义外围边框,所以table要定义边框,包括内部边框要分别定义

table

td的border试下

table

{border:1px;

border-collapse:collapse;

}td{

border:1px;}

<link href="y5ucss" rel="stylesheet" type="text/css" /></head><body><table width="363"><tr><td width="355"><img src="模板jpg" width="333" height="24" /></li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr></table></body></html>编辑对应的CSS代码,在表格加边框颜色(黑色)。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/12458839.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存