css表格怎么换边框颜色?

table表格是网页制作中以前较常使用的一种布局方式,但随着DIV+CSS的兴起,table表格已辉煌不在。但它在我们制作网页中也是时有用到。table表格也可以使用DIV一样随意的设置它的边框颜色。

使用CSS代码控制边框颜色:

css可以通过为表格边框设置border-color属性来改变边框颜色,也可以直接使用border简写属性设置表格边框颜色。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

1.jpg-600

2、在index.html中的<table>标签中,输入样式代码:style="border-color: blue"。

2.jpg-600

3、浏览器运行index.html页面,此时这个表格上下左右边框的颜色被设置为蓝色了。

3.jpg-600

border简写属性在一个声明设置所有的边框属性。

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

  • border-width:规定边框的宽度。

  • border-style:规定边框的样式。

  • border-color:规定边框的颜色。

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

推荐:css手册

以上就是css表格怎么换边框颜色?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑