CSS 的表格属性

最新推荐文章于 2024-05-14 16:52:58 发布

Python小子

最新推荐文章于 2024-05-14 16:52:58 发布

阅读量2.5k

点赞数 5

分类专栏： CSS 文章标签： CSS

本文链接：https://blog.csdn.net/weixin_43883022/article/details/88793723

版权

CSS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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>

Python小子

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS 的表格属性

CSS 的表格属性1、常用属性1、尺寸属性（width height）2、边框属性（border）3、文本格式化属性（font-size …）4、背景属性（background）5、框模型属性（margin不能用在td上，只能用在table上）6、vertical-align：top / center / bottom （很少用）2、特有属性  &nbs...
复制链接

扫一扫