一个绚丽□□多彩的页▽面，少不了页❖面中各种□□□□各样的效□□□果组成，页面中的□□效果除了html里面的布□□□局组成，还需要css中的各种◆属性等。譬如，页面中的◇一些常见□□的效果可□□□□以用伪类·来实现。而伪类和□□伪元素看◥起来又很□□□相似，伪类和伪◉元素的区◤别，伪类和伪□□□□元素都可◢以用来设□□□置对象的□□内容，表示伪类□□□对象，不过在语□□□□法上，伪类是前□□面加一个□□□冒号，伪元素是□□□□前面加两□□□□个冒号，伪元素是□□□所设置的□□元素的新□□□□创建的子★元素，属于虚拟□□□□元素，而伪类是□□□□只有触发❖条件才看□□到的。
页面中一□□□些用伪类●实现的常▽见效果有□□很多，譬如：设置伪类:after来实现做□□出一个提□□□□示框中的□□□三角箭头，效果如下□□图：
Css的样式如下图：
这个效果□□是使用伪□□□□类根据三□□□□角形的指□□□□向设置三□□□条边框的□□颜色，大小的，而指向的□□那方向的□□□□边框无需□□设置。其中两条□□边框的颜□□□□色设置为□□□□透明，余下的那◈条设置的▼边框颜色•与箭头里☆的颜色一□□□致。然后再设□□□□置位置的□□□定位的偏✦移值。如果不想□□设置边框□□的，可以设置□□□一张背景□□□□图片。
也可以使□□□用伪类设□□□□置关于边▼框的动画♦效果，鼠标悬停□□□时边框颜丨色改变，而从中间◥像两边移□□□□动，效果如下□□图，分别是悬□□停之前的丨样式，悬停过程□□□□中的样式，最后悬停□□时的样式。
Css的样式如图：
还有在页□□□□面中很常□□见的盒子□□□□阴影，也可以用❖设置伪类□□□的透明度☆来实现，先设置盒□□子的阴影、设置透明△度为0，鼠标悬停□□时，透明度设□□置为1，效果如下□□□□图示：
Css的样式如下图：
