최신 웹 개발 튜토리얼
 

W3.CSS경고


경고 표시

×

위험!

빨간색은 종종 위험하거나 잠재적으로 부정적인 행동을 나타냅니다.

×

경고!

노란색과 오렌지 종종주의를해야 할 수도 있습니다 경고를 나타냅니다.

×

성공!

녹색은 종종 성공 긍정적 인 조치를 나타냅니다.

×

정보!

블루 자주 중립적 인 정보를 변경 또는 조치를 나타냅니다.

경고 상자가 색상 단지 W3-컨테이너입니다 :

<div class="w3-container w3-red">
  <h3>Danger!</h3>
  <p>Red often indicates a dangerous or potentially negative action.</p>
</div> 
»그에게 자신을보십시오

W3.CSS 색상

경고는 종종 강한 색상으로 표시되지만 모든 색상을 사용할 수 있습니다 :

위험!

빨간색은 종종 위험하거나 잠재적으로 부정적인 행동을 나타냅니다.

경고!

노란색은 종종주의를해야 할 수도 있습니다 경고를 나타냅니다.

성공!

녹색은 종종 성공 긍정적 인 무언가를 나타냅니다.


위험!

경고!

성공!


폐쇄 경고

이러한 컨테이너를 닫으려면 오른쪽 위 모서리에있는 X를 클릭 :

×

위험!

빨간색은 종종 위험하거나 잠재적으로 부정적인 행동을 나타냅니다.

×

경고!

노란색은 종종주의를해야 할 수도 있습니다 경고를 나타냅니다.

×

성공!

녹색은 종종 성공 긍정적 인 조치를 나타냅니다.

경고를 닫는 것은 W3-closebtn에 onclick 이벤트를 사용하여 수행 할 수 있습니다 :

<span onclick="this.parentElement.style.display='none'" class="w3-closebtn">&times;</span>
»그에게 자신을보십시오

둥근 경고

당신이 둥근 모서리를 원하는 경우 W3 라운드 클래스를 사용합니다 :

W3 라운드

W3 라운드 대형

W3-라운드 xxlarge

<div class="w3-container w3-green w3-round">
»그에게 자신을보십시오

카드로 경고

W3 카드-8

<div class="w3-container w3-red w3-card-8">
»그에게 자신을보십시오