
代码示例 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 中可能的值。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)