文案章其他html5一季.pdfVIP

第19章CSS其他样式

学习要点：

1.颜色和

2.盒子阴影和轮廓

3.光标样式

本章主要探讨HTML5中CSS其他剩下几个常用的样式，包括颜色、、盒

子的阴影轮廓以及光标的样式。

一．颜色和

颜色我们之前其实已经用的很多了，比如字体颜色、背景颜色、边框颜色。但除了背

景颜色和边框颜色讲解过，字体颜色却没有系统的讲解过。设置字体颜色其实也成为文本

块的前景色。

属性值说明CSS版本

color颜色值设置文本前景色1

p{

color:red;

}

解释：设置文本颜色。

CSS3提供了一个属性opacity，可以设置元素的。

属性值说明CSS版本

opacity0~1设置元素的3

p{

color:red;

opacity:0.5;

}

解释：设置元素的。

二．盒子阴影和轮廓

1.box-shadow

CSS3提供了一个非常实用的效果样式，就是阴影效果。通过box-shadow属性来实

现，样式表如下：

属性值说明CSS版本

阴影的水平偏移量，是一个长度

hoffset值，正值表示阴影向右偏移，负值3

表示阴影向左偏移。

阴影的垂直偏移量，是一个长度

voffset值，正值代表阴影位于元素盒子的3

下方，负值代表阴影位于元素盒子

上方。

（可选）指定模糊值，是一个长度

blur值，值越大盒子的边界越模糊。默3

box-shadow

认值为0，边界清晰