CSS 的表格属性

CSS 的表格属性

1、常用属性

  1、尺寸属性(width height)
  2、边框属性 (border)
  3、文本格式化属性 (font-size color …)
  4、背景属性 (background)
  5、框模型属性(margin不能用在 td 上,只能用在 table 上)
  6、vertical-align:top / center / bottom (很少用)

2、特有属性

  2.1 边框合并

  属性:border-collapse

取值 说明
separate 默认值,分离边框模式
collapse 边框合并模式
  2.2 边框边距

  作用:设置单元格四周的距离
  属性:border-spacing

取值 说明
border-spacing 2px 四周的间距为2px
border-spacing 1px 2px 水平间距1px,垂直间距2px
</head>
    <style>
        #table1{
            width:500px;
            border:1px solid orangered;
            border-collapse:collapse;   /* 边框合并 */
            font-size: 10px;
            color: red;
        }
        #table1 td {
            border: 1px solid greenyellow;
        }
    </style>
<body>
    <table id="table1">
        <tr>
            <td>收件地址:北京</td>
            <td>收件人:小张</td>
            <td>收件电话:13411231100</td>
        </tr>
        <tr>
            <td>收件地址:上海</td>
            <td>收件人:小李</td>
            <td>收件电话:13411231101</td>
        </tr>
        <tr>
            <td>收件地址:天津</td>
            <td>收件人:小王</td>
            <td>收件电话:13411231102</td>
        </tr>
    </table>
</body>

你可能感兴趣的:(CSS)