CSS Backgrounds背景设置
...
CSS 属性定义背景效果：
background-color
background-image
background-repeat
background-attachment
background-position
....
body {background-color:#b0c4de;}
h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}
你可以为所有元素设置背景色，包括 body 一直到 em 和 a 等行内元素。
提示：background-color 不能继承，其默认值是 transparent。如果一个元素没有指定背景色，那么背景就是透明的，这样其父元素的背景才可见。
...
背景图像
body {background-image:url('paper.gif');}
...
背景图像 - 水平或垂直平铺
body
{background-image:url('gradient2.png');
background-repeat:repeat-x;}
...
背景图像- 设置定位与不平铺
body
{background-image:url('img_tree.png');
background-repeat:no-repeat;
background-position:right top;}
值可以使用一些关键字：top、bottom、left、right 和 center；其次，可以使用长度值，如 100px 或 5cm；最后也可以使用百分数值。如：
background-position:66% 33%;
background-position:50px 100px;
...
背景- 简写属性
body {background:#ffffff url('img_tree.png') no-repeat right top;}
当使用简写属性时，属性值的顺序为：:
background-color
background-image
background-repeat
background-attachment
background-position
以上属性无需全部使用，你可以按照页面的实际需要使用.
Tag: CSS 笔记