您的位置:首页 > Web前端 > CSS

让Table的TD有边框而Table右左没有边框的CSS样式

2014-05-05 09:57 459 查看
比如这样一个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 class="td3"></td><td class="td3"></td class="td3"><td></td class="td3"><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" class="table1"> 
<tr> 
<td> </td> <td class="td3"> </td class="td3"> <td> </td class="td3"> <td> </td> </tr> 
</table>

大致就像这么定义!
为什么要用GridView
这个做的好像冗余代码不少啊
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: