W3.CSS 색상
W3.CSS에서 사용되는 기본 색 구성표는 Material Design Colors(마케팅, 도로 표지판 및 스티커 메모에 사용되는 색)에서 영감을 받았습니다.
HTML 요소 색칠하기
w3- color 및 w3- text - color 클래스 는 모든 HTML 요소에 색상을 지정하는 데 사용할 수 있습니다.
컨테이너:
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
버튼:
텍스트:
테두리:
빨간색
녹색
푸른
노랑
회색
검은 색
테이블:
| 이름 | 포인트들 |
|---|---|
| 질 스미스 | 50 |
| 이브 잭슨 | 94 |
| 아담 존슨 | 67 |
카드:
자동차는 운송에 사용되는 바퀴가 달린 자체 동력 자동차입니다. 이 용어에 대한 대부분의 정의는 자동차가 주로 도로에서 달리고, 1명에서 8명이 앉을 수 있고, 일반적으로 4개의 바퀴가 있도록 설계되었음을 지정합니다. (위키피디아)
배경색
w3- color 클래스 는 HTML 요소의 배경색을 설정합니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
예시
<div class="w3-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-yellow">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-gray">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
회색 과 회색 은 모든 W3.CSS 클래스에서 서로 바꿔 사용할 수 있습니다 .
텍스트 색상
w3- text- color 클래스 는 HTML 요소의 텍스트 색상을 설정합니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
예시
<div class="w3-text-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
호버 색상
w3- hover- color 클래스 는 HTML 요소에 대한 배경 호버 색상을 정의합니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
예시
<div class="w3-container w3-orange w3-hover-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
w3-hover- text- color 클래스 는 HTML 요소에 대한 텍스트 호버 색상을 정의합니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
예시
<div class="w3-container w3-orange w3-hover-text-white">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
색상 라이브러리
표준 W3.CSS 색상 외에도 W3.CSS는 다양한 색상 라이브러리의 색상을 사용할 수도 있습니다.
윈도우 색상:
Windows 색상에 대해 자세히 알아보려면 여기를 클릭하십시오.
패션 색상:
옐로우
가문비나무
모란
포트
패션 색상에 대해 자세히 알아보려면 여기를 클릭하세요.
고속도로 색상:
색상 라이브러리에 대해 자세히 알아보려면 여기를 클릭하십시오.
이 튜토리얼의 뒷부분에서 색상에 대해 더 많이 배울 것입니다.