html表格边框线变为1条线,HTML表格边框设为单实线

好文网为大家准备了关于HTML表格边框设为单实线的文章,好文网里面收集了五十多篇关于好HTML表格边框设为单实线好文,希望可以帮助大家。更多关于HTML表格边框设为单实线内容请关注好文网。ctrl+D请收藏!

篇一：html中画表格让表格只有横边框没有竖边框

{

}

table.tab td

{height:30px;

border-bottom:2px solid #6AB2E7;

border-left:0px ;border-right:0px ;

}

table.tab td.head

{

border-top:2px solid #6AB2E7;

}

html中画表格让表格只有横边框没有竖

边框,可以把“style”标签中table.tab td设置border-left:为 0px ;border-right: 为 0px ，线型和颜色不设置即可

如果border-left:和border-right: 后面加上solid(实型)并设置颜色如 #6AB2E7，则左右边框，即可显示

居中居中

篇二：html中画表格,让表格只有横边框,没有竖边框

我的实现方式是为每个td标签添加一个底部边框border-bottom，第一行的td再额外添加一个顶部边框border-top。代码如下：

table.tab

{

}

table.tab td

{

height:30px;

border-bottom:2px solid #6AB2E7;

border-left:0px;

border-right:0px;

}

table.tab td.head

{

border-top:2px solid #6AB2E7;

}

本文来自好文网(www.haowenwang.com)，转载请保留网址和出处