css列表和表格相關屬性

list-style：設置所有列表屬性

list-style-image：將圖像設置為列表項標記，主要有url值

list-style-position:設置列表項標記的放置位置，主要有outside和inside

list-style-type：設置列表項標記的類型，主要有disc、circle、square、decimal、decimal-leading-zero、lower-roman、upper-roman、lower-greek、lower-latin、armenian、georgian

border-collapse：表格合并為單一的邊框

border-spacing：設置分隔單元格邊框的距離

caption-side：設置表格標題的位置

empty-cells：設置是否顯示表格中的空單元格

<style type = "text/css"> > .customers{ > font-family:"Trebuchet MCN; > width:100%; > border-collapse:collapse; > } > .customer td, .customer th > { > font-size:13px; > border:1px solid; > } > .customers th > { > font-size:14px; > text-align:left; > background-color:#A7C942; > color:#ffffff; > } > .customers tr.alt td > {color:#000000; > background-color:#EAF2D3; > } > </style><table class = "customer"> <tr> <th>company</th> <th>contact</th> <\tr> <tr class = "alt"> <td>baidu</td> <td>china</td> </tr>#five li{ padding-left:20px; background:url("icon1.jpg") no-repeat; } #tb{width:50%;height:100px;font-family:"宋體";border:1px solid red;border-spacing:20px;caption-side:bottom;empty-cells:hide; } #tb tr td{border:1px solid red}<ul id = "five"> <li>football</li> <li>baskerball</li> <li>tennis</li> <table id = "tb"> <caption>my table</caption> <tr> <td>單元格1</td> <td>單元格2</td> <td>單元格3</td> </tr> </table

?

>

轉載于:https://www.cnblogs.com/zysps1/p/css_table.html

總結

以上是生活随笔為你收集整理的复习-css列表和表格相关属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。