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

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

不言원래의: 2018-06-21 17:54:422926검색

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

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

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

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

<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">

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

<param value="false" name="menu"/> 
<param value="opaque" name="wmode"/>

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

<style type="text/css"> 
html { 
FILTER: gray 
} 
</style>

를 추가하는 것입니다.

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

관련 기사