300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > HTML表格竖边框线 Table表格横竖线实现Css

HTML表格竖边框线 Table表格横竖线实现Css

时间:2020-02-13 01:13:35

相关推荐

HTML表格竖边框线 Table表格横竖线实现Css

.tablel

{

border-collapse:collapse; /* 关键属性:合并表格内外边框(其实表格边框有2px,外面1px,里面还有1px哦) */

border:solid #999; /* 设置边框属性;样式(solid=实线)、颜色(#999=灰) */

border-width:1px 0 0 1px; /* 设置边框状粗细:上 右 下 左 = 对应:1px 0 0 1px */

}

.tablel th{border:solid #999;border-width:0 1px 1px 0;padding:2px;}

.tablel td {border:solid #999;border-width:0 1px 1px 0;padding:2px;}

附注:页面引用css文件,一种直接拖拉,一种在首部添加:

无标题页

table表格设置边框线为单实线

设置table表格边框为单实线的方法有两种 第一种方法就是利用table标签cellspacing=0属性来实现,cellspacing是内边框和外边框的距离,这种方法实现的看起来是单实线,其实是内边 ...

css中的border-collapse属性如何设置表格边框线?(代码示例)

css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...

[转]CSS如何设置html table表格边框样式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。