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

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

黄舟
發布: 2017-06-30 09:29:13
原創
1991 人瀏覽過

實例

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

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中文網其他相關文章!

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