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

CSS 如何让Table的里面TD全有边框 而Table的右左边框没有

2017-07-06 15:57 381 查看
为了自我学习和交流PHPjQuery,Linux,lamp,shell,JavaScript,服务器)等一系列的知识,希望光临本博客的人可以进来交流。寻求共同发展。搭建平台。本人博客也有许多的技术文档,希望可以为你提供一些帮助。


QQ群: 191848169  
点击链接加入群【PHP技术交流(总群)】


比如这样一个CSS


[css]
view plain
copy
print?

.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"

就可以了

比如:

[css]
view plain
copy
print?

  <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>  

一样可以的,你变通下哈

比如你定义一个

[css]
view plain
copy
print?

.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

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