首頁 >web前端 >css教學 >CSS中border-collapse屬性的具體分析

CSS中border-collapse屬性的具體分析

黄舟
黄舟原創
2017-06-30 09:29:132004瀏覽

實例

為表格設定合併邊框模型:

table
  {  border-collapse:collapse;
  }

如果不加這個屬性,邊框就會很粗,加了就變細

.tb_style {
font-size:11px;
color:#333333;
border-width
: 1px;
border-color
: #e5e5e5;
border-collapse: collapse;
}
.tb_style td {
border-width: 1px;
padding: 8px;
border-style
: solid;
border-color: #e5e5e5;
background-color: #ffffff;
}

語法: 

border-collapse : separate | collapse

參數: 
separate :  邊框獨立(標準HTML)
rtl :  相鄰邊被合併 
 
說明: 
##設定或檢索表格的行和儲存格的邊是合併在一起還是依照標準的HTML樣式分開。 
對應的腳本特性為borderCollapse。請參閱我所寫的其他書目。 
 
範例: 

table { border-collapse: separate; }

CSS中border-collapse屬性的具體分析


#

以上是CSS中border-collapse屬性的具體分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn