
w3.css
메모
메모 및 정보
w3-panel 클래스는 메모와 정보를 표시하는 데 완벽한 클래스다.
메모는 종종 다음과 같은 색상으로 표시된다.
런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.
예제
<div class="w3-panel w3-yellow"> <p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p> </div>
둥근 테두리가 있는 회색
런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.
예제
<div class="w3-panel w3-border w3-light-grey w3-round-large"> <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-panel w3-pale-blue w3-leftbar w3-rightbar w3-border-blue"> <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-panel w3-pale-red w3-leftbar w3-border-red"> <p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p> </div>
테두리가 있는 연한 노란색
런던은 영국에서 가장 인구가 많은 도시로, 대도시 지역에는 900만 명이 넘는 주민이 살고 있습니다.
예제
<div class="w3-panel w3-pale-yellow w3-border w3-border-yellow"> <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-panel w3-pale-green w3-bottombar w3-border-green w3-border"> <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-panel w3-yellow w3-topbar w3-bottombar w3-border-amber"> <p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p> </div>
참고
W3C School - W3.CSS Notes