HTML实例-060 向表格单元添加背景颜色或者背景图像

hrs 提交于 2019/11/12 - 11:33 , 周二

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<body>
<h3>添加单元格颜色和图像</h3>
<table border="1" width="200px" height="100px">
<tr>
<td>背景颜色</td>
<td width="60%" align="center" bgcolor="red">红色</td>
</tr>
<tr>
<td>背景图像</td>
<td width="60%" align="center" background="img/sum.jpeg">图像</td>
</tr>
</table>
</body>
</html>

运行效果:

html_060.png

从这个实例中看出,我们对单元格进行背景颜色的设置和图像的设置,并且对单元格进行宽度的设置和文本的居中 。

border="值"   设置表格的边框

width="值"   设置表格的宽度

height="值"  设置表格的高度

align="方式"  设置表格的对齐方式。

标签