让Table的TD有边框而Table右左没有边框的CSS样式
让Table的TD有边框而Table右左没有边框的CSS样式
发布时间:2016-12-27 来源:查字典编辑
摘要:比如这样一个CSS.td3{font-size:14px;color:#FFFFFF;background-color:#000000;BO...

比如这样一个CSS

.td3{

font-size: 14px;

color: #FFFFFF;

background-color: #000000;

BORDER-RIGHT: #f6f6f6 1px solid; //显示右边框为1px,如果不想显示就为0px

BORDER-TOP: #f9f9f9 0px solid; //显示上边框为1px,如果不想显示就为0px

BORDER-LEFT: #f9f9f9 0px solid;//显示左边框为1px,如果不想显示就为0px

BORDER-BOTTOM: #f5f5f5 0px solid;//显下右边框为1px,如果不想显示就为0px

}

在你调用显示这个样式的TD里调用class="td3"

就可以了

比如:

<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

<td></td><td></td><td></td><td></td></tr>

</table>

一样可以的,你变通下哈

比如你定义一个

.table1{}

.table1 td{

font-size: 14px;

color: #FFFFFF;

background-color: #000000;

BORDER-RIGHT: #f6f6f6 1px solid; //显示右边框为1px,如果不想显示就为0px

BORDER-TOP: #f9f9f9 0px solid; //显示上边框为1px,如果不想显示就为0px

BORDER-LEFT: #f9f9f9 0px solid;//显示左边框为1px,如果不想显示就为0px

BORDER-BOTTOM: #f5f5f5 0px solid;//显下右边框为1px,如果不想显示就为0px

}

<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

<td> </td> <td> </td> <td> </td> <td> </td> </tr>

</table>

大致就像这么定义!

为什么要用GridView

这个做的好像冗余代码不少啊

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类