1表格的背景颜色为白色,鼠标移上去该行变为蓝色。4 2表格的边框为1px实线,颜色为蓝色。表格边框距离为0。4 3单元格宽度为150Px高度为35px。 4.字体大小为14px 颜色为红色并且居中显示( 左右居中和上下居中)。+5只需写出表格部分的代码和CsS的代码即可。+
时间: 2024-03-09 11:46:59 浏览: 323
下面是表格部分的 HTML 代码和 CSS 代码:
HTML 代码:
```html
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</table>
```
CSS 代码:
```css
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
width: 150px;
height: 35px;
font-size: 14px;
color: red;
text-align: center;
vertical-align: middle;
}
tr:hover {
background-color: blue;
}
table td {
border: 1px solid blue;
}
```
说明:
- `border-collapse: collapse;` 和 `border-spacing: 0;` 可以将表格的边框合并,使表格看起来更美观。
- `width: 150px;` 和 `height: 35px;` 可以设置单元格的宽度和高度。
- `font-size: 14px;` 和 `color: red;` 可以设置字体的大小和颜色。
- `text-align: center;` 和 `vertical-align: middle;` 可以使文本在单元格中水平居中和垂直居中。
- `tr:hover` 选择器可以使鼠标移动到表格行上时,该行的背景色变为蓝色。
- `table td` 选择器可以设置表格的边框。
阅读全文
相关推荐


















