写一个表格,用行内样式时限,居中,对齐,
时间: 2023-07-01 22:20:40 浏览: 96
好的,以下是一个使用行内样式设置单元格样式的表格示例,其中单元格的文字颜色为红色,背景颜色为黄色,字体大小为14px,水平居中对齐,垂直居中对齐,边框为1px的实线,边距为10px:
```html
<table style="border-collapse: collapse;">
<tr style="background-color: yellow; color: red; font-size: 14px; text-align: center; vertical-align: middle;">
<td style="border: 1px solid black; padding: 10px;">单元格1</td>
<td style="border: 1px solid black; padding: 10px;">单元格2</td>
<td style="border: 1px solid black; padding: 10px;">单元格3</td>
</tr>
<tr style="background-color: yellow; color: red; font-size: 14px; text-align: center; vertical-align: middle;">
<td style="border: 1px solid black; padding: 10px;">单元格4</td>
<td style="border: 1px solid black; padding: 10px;">单元格5</td>
<td style="border: 1px solid black; padding: 10px;">单元格6</td>
</tr>
</table>
```
在上述示例中,我们使用了 style 属性来设置表格、行、单元格的样式。其中,border-collapse: collapse; 用于设置边框合并,使得相邻单元格的边框不会重复显示。而在单元格样式中,border: 1px solid black; padding: 10px; 用于设置边框和内边距。最后,我们使用了 text-align: center 和 vertical-align: middle 分别设置了单元格的水平和垂直居中对齐方式。
阅读全文