Nasıl oluşturulur: not defteri

CSS ile 'not defteri' nasıl oluşturulur öğrenin.

Not defteri

Not defteri, kullanıcıya özel bazı şeyleri bildirmek için kullanılabilir: danger, başarı, bilgi veya uyarı gibi.

Danger!Bazı metin...

Başarı!Bazı metin...

Bilgi!Bazı metin...

Uyarı!Bazı metin...

Try it yourself

Not defteri nasıl oluşturulur

İlk adım - HTML ekleyin:

<div class="danger">
  <p><strong>Danger!</strong> Bazı metin...</p>
</div>

İkinci adım - CSS ekleyin:

.danger {
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}

Try it yourself

Related pages

Tutorial:How to create warning message