首頁 > web前端 > css教學 > 主體

怎樣用CSS對td設定邊框

php中世界最好的语言
發布: 2017-11-20 17:30:47
原創
5269 人瀏覽過

很多朋友都很苦惱表格樣式怎麼設定。之前說過對table設定邊框。今天為大家帶來怎樣用CSS對td設置邊框,以後也會繼續更新關於表格的小技巧與設置,也請大家持續關注。

對table表格td設定邊框樣式,表格物件內td將實現邊框樣式,但中間部分td會導致出現雙邊框。

詳細案例教學如下:

1、對應css程式碼

<style> 
.table-b table td{border:1px solid #F00} 
/* css注释:只对table td标签设置红色边框样式 */ 
</style>
登入後複製

2、對應html原始碼片段

<div class="table-b"> 
<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>m.sbmmt.com</td> 
<td>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>m.sbmmt.com</td> 
<td>PHP</td> 
</tr> 
</table>
登入後複製

這就是用CSS對td設置邊框的方法,你學到了嗎?

相關閱讀:

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


##用DIV和CSS作下拉選單


css佈局需要注意的幾點

以上是怎樣用CSS對td設定邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板