建站

质量为本、客户为根、勇于拼搏、务实创新

< 返回建站列表

css表格样式如何设置

发布时间:2023-04-12

css表格样式如何设置

CSS表格样式可以通过以下方式设置:

1、设置表格边框样式:

```css

table{

border-collapse:collapse;/*合并表格边框*/

border:1pxsolid#ccc;/*设置表格边框*/

}

```

2、设置表格单元格样式:

```css

td{

padding:10px;/*设置单元格内边距*/

text-align:center;/*设置单元格文本居中*/

border:1pxsolid#ccc;/*设置单元格边框*/

}

```

3、设置表格标题样式:

```css

th{

font-weight:bold;/*设置标题加粗*/

background-color:#f2f2f2;/*设置标题背风景*/

border:1pxsolid#ccc;/*设置标题边框*/

}

```

4、设置表格行间隔样式:

```css

tr:nth-child(even){

background-color:#f2f2f2;/*设置偶数行背风景*/

}

```

5、设置表格列宽样式:

```css

td{

width:100px;/*设置单元格宽度*/

}

```

6、设置表格样式类:

```css

.table-style{

border-collapse:collapse;

border:1pxsolid#ccc;

}

.table-styletd{

padding:10px;

text-align:center;

border:1pxsolid#ccc;

}

.table-styleth{

font-weight:bold;

background-color:#f2f2f2;

border:1pxsolid#ccc;

}

.table-styletr:nth-child(even){

background-color:#f2f2f2;

}

.table-styletd{

width:100px;

}

```

以上是一些常见的CSS表格样式设置方法,可以根据实际需求进行调剂。


TikTok千粉号购买平台:https://tiktokusername.com/