웹 프론트엔드 CSS 튜토리얼 컬러 웹페이지가 흑백 CSS 코드로 변합니다.

컬러 웹페이지가 흑백 CSS 코드로 변합니다.

Jun 09, 2017 pm 02:09 PM

웹페이지 회색 검정 검정 흰색 CSS 코드를 사용하여 웹페이지를 검정색으로 만듭니다.

<style> 
    html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } 
</style>
로그인 후 복사

해당 웹페이지를 검정색과 회색으로 만들려면 앞에 코드를 입력하세요!

컬러 웹페이지가 흑백 CSS 코드로 변합니다.

웹 페이지 색상을 흑백으로 변경

컬러 웹페이지가 흑백 CSS 코드로 변합니다.

웹 페이지 색상을 흑백으로 변경하는 방법 CSS 코드는 위와 같으니 추가해서 웹 페이지를 흑백으로 만들어주세요!

위 내용은 컬러 웹페이지가 흑백 CSS 코드로 변합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Edge 브라우저에서 웹페이지를 데스크톱에 바로가기로 보내는 방법은 무엇입니까? Edge 브라우저에서 웹페이지를 데스크톱에 바로가기로 보내는 방법은 무엇입니까? Mar 14, 2024 pm 05:22 PM

Edge 브라우저에서 웹페이지를 데스크톱에 바로가기로 보내는 방법은 무엇입니까?

JavaScript를 활용한 웹 투표 시스템 개발 JavaScript를 활용한 웹 투표 시스템 개발 Aug 09, 2023 pm 01:30 PM

JavaScript를 활용한 웹 투표 시스템 개발

웹 페이지에 접속할 수 없는 경우 대처 방법 웹 페이지에 접속할 수 없는 경우 대처 방법 Sep 06, 2023 am 09:36 AM

웹 페이지에 접속할 수 없는 경우 대처 방법

네트워크 연결은 정상인데 브라우저가 웹페이지에 접근할 수 없는 이유 네트워크 연결은 정상인데 브라우저가 웹페이지에 접근할 수 없는 이유 Feb 19, 2024 pm 03:45 PM

네트워크 연결은 정상인데 브라우저가 웹페이지에 접근할 수 없는 이유

Meitu Camera로 사진을 흑백으로 만드는 방법 Meitu Camera로 사진을 흑백으로 만드는 방법 Mar 28, 2024 am 09:11 AM

Meitu Camera로 사진을 흑백으로 만드는 방법

웹 페이지 자동 새로 고침을 설정하는 방법 웹 페이지 자동 새로 고침을 설정하는 방법 Oct 26, 2023 am 10:52 AM

웹 페이지 자동 새로 고침을 설정하는 방법

웹페이지가 열리지 않는 경우 대처 방법 웹페이지가 열리지 않는 경우 대처 방법 Feb 21, 2024 am 10:24 AM

웹페이지가 열리지 않는 경우 대처 방법

웹페이지의 이미지를 로드할 수 없으면 어떻게 해야 합니까? 6가지 솔루션 웹페이지의 이미지를 로드할 수 없으면 어떻게 해야 합니까? 6가지 솔루션 Mar 15, 2024 am 10:30 AM

웹페이지의 이미지를 로드할 수 없으면 어떻게 해야 합니까? 6가지 솔루션

See all articles