css表格怎么换边框颜色?

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

b598fd17127b3e058334bd463e87acc9

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

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

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

099e157586f7fddf8b4d0791ec725be5

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

727bc35f7a8b01584a245351b5cb81e9

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

d4a2cf18a4788632d6b4eb4e0a48b910

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

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

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

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

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容