w3.css

메모

메모 및 정보

w3-panel 클래스는 메모와 정보를 표시하는 데 완벽한 클래스다.

메모는 종종 다음과 같은 색상으로 표시된다.

예제

<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>

둥근 테두리가 있는 회색

예제

<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>

테두리가 있는 연한 노란색

예제

<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>

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기