CSS Kullanarak Yazı Ekleme

HTML etiket elemanı içerisine yazmak veya JavaScript kullanmak yerine doğrudan CSS ile doğrudan istenilen elemana yazı ekleyebilirsiniz.

Öncelikle aşağıdaki gibi bir div etiketimiz olsun.
<div class="not"></div>
Bu etiket içerisine CSS ile yazı eklemek için aşağıdaki CSS kodunu yazmamız yeterli. Dikkat edilmesi gereken kısım not sınıf isminden sonra :before seçicisinin gelecek olması.
.not:before{
 content: "Kendime not!";
}
Bu işlemden sonra başarılı bir şekilde istenilen gerçekleşmiş olacaktır.

Hiç yorum yok:

Yorum Gönderme