css怎么 设置table的边框样式

css怎么 设置table的边框样式,第1张

代码示例 a {border:#000 3px solid;其中CSS中border属性边框线属性 第一个值设置边框线颜色,可为颜色英文单词或16进制代码 第二个值设置边框线粗细 第三个值设置线体样式 solid为实线 dotted为点线 double为双边框线 还有个虚线

<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;}

边框样式可以

CSS 参考手册

定义和用法border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-widthborder-styleborder-color如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。

默认值:not specified继承性:no版本:CSS1JavaScript 语法:objectstyleborder="3px solid blue"实例

设置4 个边框的样式:

p { border:5px solid red; }TIY

浏览器支持所有浏览器都支持 border 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值值描述border-width规定边框的宽度。参阅:border-width 中可能的值。border-style规定边框的样式。参阅:border-style 中可能的值。border-color规定边框的颜色。参阅:border-color 中可能的值。

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存