CSS trボーダー属性の変更

899 ワード

表のtrは単一の枠線ではないため、属性border-collapseが必要です.border-collapse属性は、表の枠線が単一の枠線に結合されているか、標準的なHTMLのように別々に表示されているかを設定します.
border-collapse:collapse;

border-collapse:collapseを設定しない場合.直接設定
tr{
                                                                               
   border:1px  solid #DDDDDD;
                                                                               
}

の場合は効果がありませんので、設定が必要です
table{
   border-collapse:collapse;
}

これでtableのtrに枠線を設定できます
また.ie 6/7ではtrに枠線を設定することはサポートされておらず,今回はth/tdで実現するしかない.
パラメータ:
separateのデフォルト値.枠線が分割されます.border-spacingおよびempty-cellsプロパティは無視されません.
collapse可能な場合、枠線は単一の枠線に結合されます.border-spacingおよびempty-cellsプロパティは無視されます.
inheritでは、border-collapseプロパティの値を親要素から継承する必要があります.
w 3 schoolオンラインチュートリアル接続:http://www.w3school.com.cn/css/pr_tab_border-collapse.asp