背景设置
-
background-color：背景颜色
-
background-image：背景图片
-
background-repeat：背景图片的重复方式
-
background-position：背景图片的位置
-
background-attachement：附着方式
-
scroll：相对于元素固定
-
fixed：相对于窗体固定
-
local：相对于元素内容固定
-
-
background：简化书写
-
示例：
background: url(bd_logo.png) no-repeat right top local;
-
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景颜色</title>
<style type="text/css">
div{
overflow: auto;
width:800px;
height:100px;
background-color:red;
background-image: url(是.JPG); /*背景图片*/
background-repeat: no-repeat; /*图片不自动重复*/
background-position: right; /*图片的位置*/
background-attachment:scroll ; /* 图片的附着方式相对元素固定*/
}
</style>
</head>
<body>
<div>
桃李得日开，荣华照当年。东风动百物，草木尽欲言。
枯枝无丑叶，涸水吐清泉。大力运天地，羲和无停鞭。
功名不早著，竹帛将何宣。桃李务青春，谁能贯白日。
富贵与神仙，蹉跎成两失。金石犹销铄，风霜无久质。
畏落日月后，强欢歌与酒。秋霜不惜人，倏忽侵蒲柳。
桃李得日开，荣华照当年。东风动百物，草木尽欲言。
枯枝无丑叶，涸水吐清泉。大力运天地，羲和无停鞭。
功名不早著，竹帛将何宣。桃李务青春，谁能贯白日。
富贵与神仙，蹉跎成两失。金石犹销铄，风霜无久质。
畏落日月后，强欢歌与酒。秋霜不惜人，倏忽侵蒲柳。
桃李得日开，荣华照当年。东风动百物，草木尽欲言。
枯枝无丑叶，涸水吐清泉。大力运天地，羲和无停鞭。
功名不早著，竹帛将何宣。桃李务青春，谁能贯白日。
富贵与神仙，蹉跎成两失。金石犹销铄，风霜无久质。
畏落日月后，强欢歌与酒。秋霜不惜人，倏忽侵蒲柳。
桃李得日开，荣华照当年。东风动百物，草木尽欲言。
枯枝无丑叶，涸水吐清泉。大力运天地，羲和无停鞭。
功名不早著，竹帛将何宣。桃李务青春，谁能贯白日。
富贵与神仙，蹉跎成两失。金石犹销铄，风霜无久质。
畏落日月后，强欢歌与酒。秋霜不惜人，倏忽侵蒲柳。
</div>
</body>
</html>
