Maison > interface Web > tutoriel HTML > css3 伪对象选择器添加几何图形文字的方法

css3 伪对象选择器添加几何图形文字的方法

WBOY
Libérer: 2016-09-20 03:29:57
original
1580 Les gens l'ont consulté

伪对象选择器包含三种,分别为:

        E::selection

        E::after

        E::before

其中before和after必须与content结合使用,如果content想用几何图形要加 \ 进行转义,content里面的内容相当于文字,可以通过color改变颜色,font-size改变大小

等等。

其书写方式为:

#E::before{<br>    content:"\25C0";//获取的方法<br>    color: rgba(254, 0, 0, 0.6);//可以改变它的颜色<br>    font-size: 20px;//可以改变它的大小<br>    position: relative;<br>    left: -29px;//改变位置<br>}
Copier après la connexion
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal