让Table的TD有边框而Table右左没有边框的CSS样式
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
比如这样一个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
这个做的好像冗余代码不少啊
复制代码代码如下:
.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
这个做的好像冗余代码不少啊
下一篇:IE 6不支持min-height或max-width等属性的完美解决方案