> 웹 프론트엔드 > CSS 튜토리얼 > CSS를 사용하여 웹사이트를 흑백으로 만들기

CSS를 사용하여 웹사이트를 흑백으로 만들기

不言
풀어 주다: 2018-06-21 17:54:42
원래의
2920명이 탐색했습니다.

이 글은 주로 CSS를 사용하여 웹사이트를 흑백으로 만드는 방법을 소개합니다. 이제는 모든 사람과 공유합니다. 도움이 필요한 친구들이 참고할 수 있습니다.

다음은 전체 사이트의 CSS 코드입니다.

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
로그인 후 복사

사용법: 이 코드 조각은 웹 페이지를 흑백으로 변경할 수 있으며, CSS 상단에 코드를 추가하면 간단하게 만들 수 있습니다.
웹사이트에서 CSS를 사용하지 않는 경우 웹페이지/템플릿의 HTML 코드 와 사이에 삽입할 수 있습니다.

<style> 
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 
</style>
로그인 후 복사

웹사이트에서는 CSS를 사용하지 않기 때문에 이 CSS를 사용하지 않을 수 있습니다. 표준 프로토콜입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
로그인 후 복사

웹페이지 상단의 을 위 코드로 교체하세요.
FLASH 애니메이션의 색상을 CSS 필터로 제어할 수 없는 웹사이트도 있습니다. FLASH 코드의 삽입:

<param value="false" name="menu"/> 
<param value="opaque" name="wmode"/>
로그인 후 복사

페이지를 회색으로 바꾸는 가장 간단한 코드는 head 사이에

<style type="text/css"> 
html { 
FILTER: gray 
} 
</style>
로그인 후 복사

를 추가하는 것입니다.

관련 추천:

IE에서 CSS3의 상자 그림자 효과 시뮬레이션

div 체크박스 양식 스타일 미화 및 기능

CSS 스타일을 사용하여 만든 아름다운 버튼

위 내용은 CSS를 사용하여 웹사이트를 흑백으로 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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