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
這個做的好像冗余代碼不少啊
總結
以上是生活随笔為你收集整理的CSS 如何让Table的里面TD全有边框 而Table的右左边框没有的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 老是梦到一个朋友是什么意思
- 下一篇: 梦到登雪山是什么意思