>  기사  >  웹 프론트엔드  >  CSS3 의사 개체 선택기를 사용하여 기하학적 텍스트를 추가하는 방법

CSS3 의사 개체 선택기를 사용하여 기하학적 텍스트를 추가하는 방법

WBOY
WBOY원래의
2016-09-20 03:29:571493검색

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

        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>}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.