欢迎来到天天文库
浏览记录
ID:39424354
大小:125.78 KB
页数:55页
时间:2019-07-03
《CSS样式详解》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、CSS样式·CSS背景CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。CSS在这方面的能力远远在HTML之上。背景色可以使用background-color属性为元素设置背景色。这个属性接受任何合法的颜色值。这条规则把元素的背景设置为灰色:p{background-color:gray;}如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距:p{background-color:gray;padding:20px;}实例:
2、"text/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;}
这是段落
3、这个段落设置了内边距。
4、景图像,必须为这个属性设置一个URL值:body{background-image:url(/i/eg_bg_04.gif);}大多数背景都应用到body元素,不过并不仅限于此。下面例子为一个段落应用了一个背景,而不会对文档的其他部分应用背景:p.flower{background-image:url(/i/eg_bg_03.gif);}您甚至可以为行内元素设置背景图像,下面的例子为一个链接设置了背景图像:-55-a.radio{background-image:url(/i/eg_bg_07.
5、gif);}实例:
6、有花纹背景的段落。我是一个有放射性背景的链接。
注释:为了清晰地显示出段落和链接的背景图像,我们为它们设置了少许内边距。
7、可以使用background-repeat属性。属性值repeat导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x和repeat-y分别导致图像只在水平或垂直方向上重复,no-repeat则不允许图像在任何方向上平铺。默认地,背景图像将从一个元素的左上角开始。请看下面的例子:
8、epeat-y}
此文档下载收益归作者所有