여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. w3.css - 색상
w3.css – 색상
8개월전 작성
8개월전 수정

w3.css

W3.CSS 기본 색상 클래스

W3.CSS에 사용되는 기본 색상 클래스는 머티리얼 디자인에서 영감을 받았다.

머티리얼 디자인 색상은 마케팅, 도로 표지판, 스티커 메모에 사용되는 색상을 반영한다.

다음 W3.CSS 색상 클래스는 모든 HTML 요소에 사용할 수 있다.

W3.CSS 텍스트 색상 클래스

다음 W3.CSS 텍스트 색상 클래스는 모든 HTML 요소에 사용할 수 있다.

검은색 바탕에

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

회색 바탕에

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

흰색 바탕에

w3-text-red

w3-text-pink

w3-text-purple

w3-text-deep-purple

w3-text-indigo

w3-text-blue

w3-text-light-blue

w3-text-cyan

w3-text-aqua

w3-text-teal

w3-text-green

w3-text-light-green

w3-text-lime

w3-text-sand

w3-text-khaki

w3-text-yellow

w3-text-amber

w3-text-orange

w3-text-deep-orange

w3-text-blue-gray

w3-text-brown

w3-text-light-gray

w3-text-gray

w3-text-dark-gray

w3-text-black

w3-text-white

기본 예시
예제 보기

호버 색상 클래스

다음 W3.CSS 호버 색상 클래스는 모든 HTML 요소에서 사용할 수 있다.

참고
Mingg`s Diary
밍구
밍구
공부 목적 블로그