<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代码，在表格加边框颜色（黑色）。
1px → 边框大小
red → 边框颜色
solid → 边框样式
------------------------------------
运行结果：
可以通过设置单元格元素td的边框样式来实现：
1
border: width style color; /分别设置边框的粗细、样式和颜色/
示例如下：
在HTML代码中给出两个表格
<table class="tb1">
<tr><td>有</td><td>志</td><td>者</td></tr>
<tr><td>事</td><td>竟</td><td>成</td></tr>
</table>
<table class="tb2">
<tr><td>苦</td><td>心</td><td>人</td></tr>
<tr><td>天</td><td>不</td><td>负</td></tr>
</table>
分别设置不同的样式
table{ / 表格整体样式 /
margin:50px; / 外边距50px /
border-collapse:collapse; / 合并为单一的边框线 /
}
/ 设置tb1类的表格样式 /
tabletb1 td{padding:10px;border:1px solid green;}
/ 设置tb2类的表格样式 /
tabletb2 td{padding:20px;border:5px dashed blue;}
边框样式可以
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条）