table表格是网页制作中以前较常使用的一种布局方式,但随着DIV+CSS的兴起,table表格已辉煌不在。但它在我们制作网页中也是时有用到。table表格也可以使用DIV一样随意的设置它的边框颜色。
使用CSS代码控制边框颜色:
css可以通过为表格边框设置border-color属性来改变边框颜色,也可以直接使用border简写属性设置表格边框颜色。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html中的<table>标签中,输入样式代码:style="border-color: blue"。
3、浏览器运行index.html页面,此时这个表格上下左右边框的颜色被设置为蓝色了。
border简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性:
-
border-width:规定边框的宽度。
-
border-style:规定边框的样式。
-
border-color:规定边框的颜色。
如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。