CSS가 선택한 텍스트를 아름답게 만드는 방법 소개

CSS의 역할은 웹페이지의 콘텐츠나 구조적 계층 구조를 아름답게 만드는 것입니다. 우리 모두는 이것을 알고 있지 않습니까? CSS 기술의 지속적인 혁신과 업그레이드를 통해 우리는 스타일을 제어할 수 있는 능력을 더 많이 얻었습니다. 잘 알려지지 않은 기술은 브라우저에서 선택한 텍스트의 스타일을 아름답게 만들 수 있다는 것입니다. Windows 자체는 보기 흉한 짙은 녹색을 제공하는 반면 Apple 컴퓨터는 연한 녹색을 제공합니다. Firefox, IE9, Opera 및 Google Chrome을 사용하면 선택한 텍스트의 색상을 사용자 정의할 수 있습니다. 보여드리겠습니다:

CSS 코드

/* webkit, opera, IE9 */
::selection { background:lightblue; }   
/* mozilla firefox */
::-moz-selection { background:lightblue; }

-moz-property 접두사는 ​​Firefox용이고 기본 ::selection 선택기는 Google Chrome용입니다. 다른 CSS 선택기와 마찬가지로 이를 중첩하여 다양한 위치에 다양한 색상을 표시할 수 있습니다.

/* webkit, opera, IE9 */
p.highlightBlue::selection { background:lightblue; }   
/* mozilla firefox */
p.highlightBlue::-moz-selection { background:lightblue; }   

/* webkit, opera, IE9 */
p.highlightPink::selection { background:pink; }   
/* mozilla firefox */
p.highlightPink::-moz-selection { background:pink; }

CSS를 사용하여 선택한 텍스트를 아름답게 만드는 것은 매우 간단한 기술일 뿐이지만 웹사이트 페이지를 더욱 멋지게 만들 수 있습니다. 그리고 다채롭다!

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.

위 내용은 CSS가 선택한 텍스트를 아름답게 만드는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!