css怎么控制表格的边框粗细

在css中,可以使用border属性设置表格边框粗细 。 下面小编以两行两列表格为例,讲解css怎么控制表格的边框粗细 。

css怎么控制表格的边框粗细

文章插图

需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解css怎么节制表格的边框粗细 。
css怎么控制表格的边框粗细

文章插图

2在test.html文件内,利用table标签建立一个两行两列的表格 。
css怎么控制表格的边框粗细

文章插图

3【css怎么控制表格的边框粗细】在test.html文件内,设置table标签的class属性为mytable 。
css怎么控制表格的边框粗细

文章插图

4在css标签内,经由过程class设置table的样式,界说表格的宽度为300px,高度为200px,无边框,同时将border-collapse设置为collapse,去除单位格之间的间隙 。
css怎么控制表格的边框粗细

文章插图

5在css标签内,再界说td单位的样式,利用border属性设置单位格边框宽度为5px,实线红色边框 。
css怎么控制表格的边框粗细

文章插图

6在浏览器打开test.html文件,查看实现的结果 。
css怎么控制表格的边框粗细

文章插图

总结:11、利用table标签建立一个两行两列的表格 。 2、设置table标签的class属性为mytable 。 3、在css标签内,经由过程class设置table的样式,界说表格的宽度为300px,高度为200px,无边框,同时将border-collapse设置为collapse,去除单位格之间的间隙 。 4、在css标签内,再界说td单位的样式,利用border属性设置单位格边框宽度为5px,实线红色边框 。 5、在浏览器打开test.html文件,查看实现的结果 。


以上内容就是css怎么控制表格的边框粗细的内容啦,希望对你有所帮助哦!

    推荐阅读