《CSS背景文本字体》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS背景实例：设置背景颜色：body{background-color:yellow}h1{background-color:#00ff00}h2{background-color:transparent}p{background-color:rgb(250,0,255)}p.no2{background-color:gray;padding:20px;}

这是标题1

这是标题2<

2、/h2>

这是段落

这个段落设置了内边距。

设置文本背景的颜色：span.highlight{background-color:yellow}

这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这

3、是文本。

设置图像为背景：body{background-image:url(/i/eg_bg_04.gif);}如何重复背景图像：body{background-image:url(/i/eg_bg_03.gif);background-repeat:repea

4、t}如何在垂直方向上重复背景图像：body{background-image:url(/i/eg_bg_03.gif);background-repeat:repeat-y}如何只显示一次背景图像：body{background-image:

5、url('/i/eg_bg_03.gif');background-repeat:no-repeat}如何放置背景图像：body{background-image:url('/i/eg_bg_03.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}<

6、/style>

提示：您需要把background-attachment属性设置为"fixed"，才能保证该属性在Firefox和Opera中正常工作。

如何用％来定位背景图像:body{background-image:url('/i/eg_bg_03.gif');background-repeat:no-repeat;background-

7、attachment:fixed;background-position:30%20%;}

注释：为了在Mozilla中实现此效果，background-attachment属性必须设置为"fixed"。

如何用像素来定位背景图像：body{background-image:url('/i/eg_bg_03.gif');background-repeat

8、:no-repeat;background-attachment:fixed;background-position:50px100px;}

注释：为了在Mozilla中实现此效果，background-attachment属性必须设置为"fixed"。

如何设置固定的背景图像：