3. CSS 列表和表格相关属性

列表相关属性

ul、ol、li标签中使用

    <style>
        ul{
            list-style-type: lower-roman; /*列表符号，常用值：none*/
            list-style-position: inside; /*列表符号位置*/
            list-style-image: url("路径");/*自定义列表符号*/
            list-style: decimal inside url("路径");/*上面三个可以写道一个里面，变成复合属性*/
        }
    </style>

边框相关属性

    <style>
        table{
            border-width: 3px;       /*边宽*/
            border-color: green;     /*边色*/
            border-style: solid;     /*边样*/
            border: 2px green dashed; /*复合属性*/
        }
    </style>

边框相关属性不仅表格使用，其他元素也可以

表格的独有属性

下方属性只有

标签才能使用

• 控制表格的列宽：table-layout:fixed;
  • 属性值：auto、fixed（固定列宽）
• 控制单元格间距: border-spacing: 10px;
• 合并相邻的单元格边框：border-collapse: collapse;
  • collapse(合并)
  • separate（不合并）
• 隐藏没有内容的单元格：empty-cells: hide;
  • hide
  • show（显示）
• 设置单元格标题：caption-side: top;
  • top
  • bottom（在表格下面）
    ps：控制单元格间距、隐藏没有内容的单元格生效的前提是没有合并相邻单元格