资源描述
第十五节、设置表格中行的属性
上一节我们说的是设置表格的属性,那么今天我们就来学习一下设置表格中行的属性,我们知道行的标记为tr,那么下面就是这个标记的属性:
1. align属性:指定行中单元格的水平对齐方式,取值与我们前面讲的相同。
2. valign属性:指定行中单元格的垂直对齐方式,取值为top(顶端对齐)、middle(中间对齐)、bottom(底部对齐)、baseline(基线对齐)
3. background属性:指定行的背景图像
4. bgcolor属性:指定行的背景颜色
5. bordercolordark属性:指定行的3D边框阴影颜色
6. bordercolorlight属性:指定行的3D边框的高亮颜色
下面我们来创建一个表格,使不同行具有不同的背景颜色:
例20:(15.html)
<html>
<head>
<title>百度红客吧原创课程----设置表格中行的属性</title>
</head>
<body>
<table align="center" border="1" width="80%">
<caption>设置行的属性示例</caption>
<!--下面的三行不仅背景颜色不同,而且对齐方式也不同-->
<tr align="left" bgcolor="red">
<th>第一列标题</th>
<th>第二列标题</th>
<th>第三列标题</th>
</tr>
<tr align="center" bgcolor="yellow">
<td>百度红客吧</td>
<td>百度红客吧</td>
<td>百度红客吧</td>
</tr>
<tr align="right" bgcolor="teal">
<td>不是嫖客</td>
<td>不是嫖客</td>
<td>不是嫖客</td>
</tr>
</table>
</body>
</html>
我们来看一下代码的执行效果:
OK,达到了我们想要的效果,本节课结束。
嫖客谢谢你的支持!
展开阅读全文