CSS 如何讓Table的里面TD全有邊框 而Table的右左邊框沒有


比如這樣一個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
這個做的好像冗余代碼不少啊


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 table里面隱藏td的邊框線 html-->table中去掉每一行的第一個td的左邊框的css table td 邊框設置 html table td邊框效果 css如何讓表格table的邊框為1像素呢 Web前端 table去掉td邊框大小及顏色 通過css樣式去除 CSS如何設置html table表格邊框樣式 table 設置邊框
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM
標簽的外邊框 【css】設置table表格邊框樣式