<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>样式</title> ???<link rel="stylesheet" href="tzy.css" type="text/css"></head><body><p>测试能否被继承</p><h2>啦啦啦啦啦啦啦啦</h2><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p><p>测试能否被继承</p></body></html>
body { ???background: blue; ???/*背景颜色,不能被继承*/ ???background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg"); ???/*设置图片*/ ???width: 900px; ???height: 900px; ???background-size: 500px 500px; ???/*设置图片大小*/ ???background-repeat: no-repeat; ???/*设置图片不允许重复*/ ???background-attachment: fixed; ???/*设置滚动页面的时候图片不滚动*/}p { ???width: 150px; ???height: 20px; ???background: red;}h2 { ???background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg"); ???/*设置图片*/ ???background-repeat: repeat; ???/*设置图片允许重复(默认)*/ ???background-repeat: repeat-x; ???/*设置图片X轴可以重复*/ ???background-repeat: repeat-y; ???/*设置图片y轴可以重复*/ ???background-repeat: no-repeat; ???/*设置图片不允许重复*/ ???background-position: right center; ???/*设置图片起始位置可以写入 100px 100px*/}HTML学习笔记 CSS背景样式案例 第六节 （原创） 参考使用表
原文地址：http://www.cnblogs.com/ttzzyy/p/7512987.html