1 字型属性
2 段落属性
3 控制背景
设置背景颜色：
background-color：颜色值
例如：
<title>不要说话</title>
<style type="text/css">
<!--
body{font-family:Arial;
font-size:24px;
background-color:#6633FF;/*网页背景颜色*/
}
td{
background-color:rgb(255,255,0);
}
-->
</style>
</head>
<body>
<table align="center">
<tr>
<td><b>将进酒</b><p>
五花马，<br />
千金裘，<br />
剩下的不会了。
</td>
</tr>
</table>
</body>
设置背景图片：
background-image：url（图片文件相对路径）
范例：
<title>不要说话</title>
<style type="text/css">
<!--
td{
background-image:url(images/products/floor_02_small_04.png);
}
-->
</style>
</head>
<body>
<table align="center">
<tr>
<td><b>将进酒</b><p>
五花马，<br />
千金裘，<br />
剩下的不会了。
</td>
</tr>
</table>
</body>
CSS3多重背景图语法：用逗号隔开就可以了
background-image:url(a.jpg),url(b.jpg)
background-repeat设置背景图片是否重复显示，4种设置值：
- repeat：重复并排显示，此是默认值。
- repeat-x：水平方向重复显示。
- repeat-y：垂直方向重复显示。
- no-repeat：不重复显示。
范例：
<title>不要说话</title>
<style type="text/css">
body{
background-image:url(images/products/small_pro_06.png);
background-repeat:repeat-x;/*背景图在水平方向重复*/
background-attachment:fixed;/*固定网页背景*/
}
</style>
</head>
<body>
<table width="100%" border="0" align="center">
<tr>
<td><font size="+5" color="#33FF99"><b>锦 瑟</b></font>
<p>
锦瑟无端五十弦<br />
一弦一柱思华年<br />
庄生晓梦迷蝴蝶<br />
望帝春心托杜鹃<br />
沧海月明珠有泪<br />
蓝田日暖玉生烟<br />
此情可待成追忆<br />
只是当时已惘然<br />
</p>
</td>
</tr>
</table>
</body>
background-position设置背景图片位置
例如：
<style type="text/css">
body{
background-position:50px 50px;/*设置值有两个：x值 y值*/}
</style>
扫一扫
562
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
