table的td标签会字体加粗 从哪里去取消掉
时间: 2023-09-16 17:15:56 浏览: 115
要取消td标签的加粗效果,可以使用CSS中的font-weight属性,将其设置为normal或者lighter即可。例如:
```css
td {
font-weight: normal;
}
```
这样就可以取消td标签的加粗效果了。当然,如果你只想取消某个特定td标签的加粗效果,可以给它添加一个class,然后在CSS中进行设置。
相关问题
html table书签 字体加粗
HTML中的表格标签是用来创建和显示表格数据的。以下是一些常用的HTML表格标签:
1. `<table>`:定义一个表格。
2. `<tr>`:定义表格中的行。
3. `<th>`:定义表格中的表头单元格。
4. `<td>`:定义表格中的数据单元格。
要将字体加粗,可以使用CSS样式来设置。可以在`<th>`或`<td>`标签中使用`<b>`或`<strong>`标签来加粗字体,也可以使用CSS的`font-weight`属性来设置字体的粗细。
示例代码如下:
```html
<table>
<tr>
<th><b>姓名</b></th>
<th><b>年龄</b></th>
</tr>
<tr>
<td><strong>张三</strong></td>
<td><strong>25</strong></td>
</tr>
<tr>
<td><strong>李四</strong></td>
<td><strong>30</strong></td>
</tr>
</table>
```
这段代码创建了一个简单的表格,其中姓名和年龄的表头单元格以及数据单元格中的字体都被加粗显示。
el-table里字体加粗
可以通过在CSS中设置`.el-table__footer-wrapper .cell`的`font-weight`属性为`600`来使`el-table`中的字体加粗。具体实现方法如下所示:
```css
.v-deep .el-table .el-table__footer-wrapper .cell {
font-weight: 600;
color: #000;
}
```
另外,如果想要在`el-table`中设置表头的字体加粗,可以通过在`el-table`的`column`中设置`headerStyle`属性来实现。具体实现方法如下所示:
```javascript
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" :header-style="tableHeaderColor"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
```javascript
methods: {
tableHeaderColor({ row, column, rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background-color: #FAFAFA;color:black;font-size:13px;font-weight: 500;text-align:center'
}
},
}
```