경고 표시
×
위험!
빨간색은 종종 위험하거나 잠재적으로 부정적인 행동을 나타냅니다.
×
경고!
노란색과 오렌지 종종주의를해야 할 수도 있습니다 경고를 나타냅니다.
×
성공!
녹색은 종종 성공 긍정적 인 조치를 나타냅니다.
×
정보!
블루 자주 중립적 인 정보를 변경 또는 조치를 나타냅니다.
경고 상자가 색상 단지 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">×</span>
»그에게 자신을보십시오 둥근 경고
당신이 둥근 모서리를 원하는 경우 W3 라운드 클래스를 사용합니다 :
W3 라운드
W3 라운드 대형
W3-라운드 xxlarge
카드로 경고
W3 카드-8