首页前端开发JavaScripthtml怎么设置表格线的颜色

html怎么设置表格线的颜色

时间2024-01-29 15:16:03发布访客分类JavaScript浏览254
导读:收集整理的这篇文章主要介绍了html怎么设置表格线的颜色,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,可以通过给table和td元素添加border属性来设置表格线的颜色,具体语法格式“table,td {border:边...
收集整理的这篇文章主要介绍了html怎么设置表格线的颜色,觉得挺不错的,现在分享给大家,也给大家做个参考。

在htML中,可以通过给table和td元素添加border属性来设置表格线的颜色,具体语法格式“table,td { border:边框线的宽度 样式 颜色值; } ”。

本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。

给table标签使用border属性添加边框后,默认边框线的颜色为黑色:

table border="1">
    			tr>
    				td>
    商品/td>
    				td>
    价格/td>
    			/tr>
    			tr>
    				td>
    T恤/td>
    				td>
    ¥100/td>
    			/tr>
    			tr>
    				td>
    牛仔褂/td>
    				td>
    ¥250/td>
    			/tr>
    			tr>
    				td>
    牛仔库/td>
    				td>
    ¥150/td>
    			/tr>
    		/table>
    

我们可以通过css来给表格添加边框。

只对table和td标签设置border(边框)样式即可。

table,td {
    border:1px solid pink;
}
    

效果图:

推荐教程:《html视频教程》、《css视频教程》

以上就是html怎么设置表格线的颜色的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html怎么设置表格线的颜色
本文地址: https://pptw.com/jishu/591248.html
html怎么设置段距 怎么给html添加js

游客 回复需填写必要信息