• 技术文章 >web前端 >前端问答

    css怎么设置表格线

    藏色散人藏色散人2021-04-12 16:11:22原创445

    css设置表格线的方法:首先新建一个html文件;然后使用table标签创建一个两行两列的表格;接着设置table表格的id为testable;最后使用border属性设置表格线为1px的红色线即可。

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

    新建一个html文件,命名为test.html,用于讲解怎样用css控制表格线的颜色。

    044826e123c9a04a6b9db6fb222495e.png

    在test.html文件内,使用table标签创建一个两行两列的表格,用于测试。

    45a5d4ad485585a2f2aadf92297bf34.png

    在test.html文件内,设置table表格的id为testable,主要用于下面设置样式。

    f16268ea65e10ac4a123ec602a27c96.png

    在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

    f0a3ae71ab5180c7c4e66dc478696bb.png

    在css标签内,通过id来设置表格外边框和单元格的样式,使用border属性设置表格线为1px的红色线。

    8416697be1bb0122a7dd4cdd3b45243.png

    在浏览器打开test.html文件,查看实现的效果。

    26e2bdcd39a0919ff2d0828b510c814.png

    【推荐学习:css视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css怎么设置input颜色 下一篇:javascript中string方法有哪些
    大前端线上培训班

    相关文章推荐

    • 详解CSS实现文字动画的N种技巧• css ul 不换行怎么实现• css表示什么• css选择器是什么• css怎么设置input颜色

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网