怎樣用CSS只對表格table的標籤設定邊框

很多朋友都很苦惱表格樣式怎麼設置，今天就給大家詳細講解一下css表格樣式怎麼設定。先說一種方法，只對table設定邊框。之後帶給大家設定表格其他元素的方法，請持續關注

只對table標籤設定border（邊框）樣式，將讓此表格最外層table一個邊框，而表格內部不產生邊框樣式。

案例詳細如下：

1、對應css程式碼

 

2、對應html程式碼片段

##1、對應css程式碼

<style> 
.table-a table{border:1px solid #F00} 
/* css注释：只对table标签设置红色边框样式 */ 
</style>

2、對應html程式碼片段

<div class="table-a"> 
<table width="400" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="105">站名</td> 
<td width="181">网址</td> 
<td width="112">说明</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>CSS学习</td> 
</tr> 
<tr> 
<td>CSS5</td> 
<td>www.php.cn</td> 
<td>CSS切图</td> 
</tr> 
</table> 
</div>

這就是CSS只對表格table的標籤設定邊框的方法，你學到了嗎？

相關閱讀：

用DIV和CSS作下拉式選單

css3實作陰影效果實例

############################## ####css佈局需要注意的幾點######

以上是怎樣用CSS只對表格table的標籤設定邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章！