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

 

w3.css

W3.CSS 기본 색상

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

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

예제
<div class="w3-red">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>
런던런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.

런던런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.

런던런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.

플랫 UI

플랫 UI는 W3.CSS에서 사용할 수 있는 또 다른 인기 있는 색상 클래스다.

예제
<div class="w3-flat-turquoise">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>
기본 예시
예제 보기
런던런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.

윈도우 메트로 UI

Metro는 MDL(Microsoft Design Language)의 별명이다.

Metro는 타이포그래피, 단순화된 아이콘, 현대적인 색상에 중점을 두고 있다.

이 예에서는 W3.CSS에서 Windows Metro 색상을 사용하는 방법을 보여준다.

예제
<div class="w3-metro-light-green">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>
기본 예시
예제 보기
런던런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.

윈도우 8

Windows 8은 평면 디자인과 현대적인 색상에 초점을 맞춘 최초의 주요 운영 체제였다.

이 예에서는 W3.CSS에서 Windows 8 색상을 사용하는 방법을 보여준다.

예제
<div class="w3-win8-lime">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>
기본 예시
예제 보기
런던런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.

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