在css中,可以使用border属性设置表格边框粗细 。 下面小编以两行两列表格为例,讲解css怎么控制表格的边框粗细 。
文章插图
需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解css怎么节制表格的边框粗细 。
文章插图
2在test.html文件内,利用table标签建立一个两行两列的表格 。
文章插图
3【css怎么控制表格的边框粗细】在test.html文件内,设置table标签的class属性为mytable 。
文章插图
4在css标签内,经由过程class设置table的样式,界说表格的宽度为300px,高度为200px,无边框,同时将border-collapse设置为collapse,去除单位格之间的间隙 。
文章插图
5在css标签内,再界说td单位的样式,利用border属性设置单位格边框宽度为5px,实线红色边框 。
文章插图
6在浏览器打开test.html文件,查看实现的结果 。
文章插图
总结:11、利用table标签建立一个两行两列的表格 。 2、设置table标签的class属性为mytable 。 3、在css标签内,经由过程class设置table的样式,界说表格的宽度为300px,高度为200px,无边框,同时将border-collapse设置为collapse,去除单位格之间的间隙 。 4、在css标签内,再界说td单位的样式,利用border属性设置单位格边框宽度为5px,实线红色边框 。 5、在浏览器打开test.html文件,查看实现的结果 。
以上内容就是css怎么控制表格的边框粗细的内容啦,希望对你有所帮助哦!
推荐阅读
- 如何使用css+div制作一个椭圆
- css如何给圆形添加边框
- 如何使用css+div制作实心圆形
- 怎么查王者荣耀合作手机
- 秀壁纸怎么设置为壁纸
- 年年都穿的T恤 今年怎么穿出新花样
- 淘宝怎么投诉店铺 淘宝投诉店铺操作步骤
- 土巴兔装修怎么退出登录
- 长度单位的思维导图怎么画
- 无他相机怎么设置语言