免費教程
empty-cells 屬性用來設置當某個單元格中沒有內容時,是否顯示這個空單元格……
Web前端教程
Web前端入門教程:CSS表格樣式(2)
來源:易牛云朗沃
??|??
發布時間:2021-10-16 23:04
??|??
關鍵詞:Web前端入門
??|??
閱讀量:

3. border-spacing

border-spacing 屬性可以設置相鄰單元格邊框之間的距離(僅在 border-collapse 屬性為 separate 時才有效),它的效果等同于<table>標簽的 cellspacing 屬性(即border-spacing:0;等同于cellspacing="0")。border-spacing 屬性的語法格式如下:

border-spacing: length length;

參數 length 由數值和單位組成,表示相鄰單元格邊框之間的距離,其可選值如下:

Web前端入門

【示例】使用 border-spacing 屬性設置表格中相鄰邊框的間距:

Web前端入門

運行結果如下圖所示:

Web前端入門

4. caption-side

caption-side 屬性可以設置表格標題的位置,屬性的可選值如下:

Web前端入門

【示例】使用 caption-side 屬性設置表格標題的位置:

Web前端入門

運行結果如下圖所示:

Web前端入門

5. empty-cells

empty-cells 屬性用來設置當某個單元格中沒有內容時,是否顯示這個空單元格(僅在 border-collapse 屬性為 separate 時才有效),屬性的可選值如下:

Web前端入門

【示例】使用 empty-cells 屬性來設置是否隱藏空單元格;

Web前端入門

運行結果如下圖所示:

Web前端入門

點擊知道更多編程知識

文章來源于網絡

,无码人妻一区二区三区精品视频,国产在线国偷精品免费看,成人欧美一区二区三区黑人
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>