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

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

WBOY
풀어 주다: 2016-09-20 03:29:57
원래의
1605명이 탐색했습니다.

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

        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>}
로그인 후 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿