ana sayfa > CSS > Baş Harfi Büyük Paragraflar Hazırlamak

Baş Harfi Büyük Paragraflar Hazırlamak

Pazartesi, 15 Haz 2009 yorum ekle yorumlara git
Cascading Style Sheets

Cascading Style Sheets

Merhabalar,

Bugün bir arkadaşımın yardım isteği üzerine böyle bir yazı yazmaya karar verdim. Aslında yapacağınız işlem çok basit, yapacağınız küçük bir CSS class’ı ile sitenize her eklediğiniz yazının baş harfini büyük yapabilir ve bu sayede kullanıcılarınıza güzel bir görüntü vermiş olursunuz. Bazı kitaplarda görmüşsünüzdür, pragrafların hepsinin ilk harfi büyük ve ilgi çekicidir. Hemen nasıl yapabileceğimize geçelim…

Eklemeniz gereken css kodu;

.buyukHarf{
float:left;
display:inline;
margin-right:.1em;
font-size:48px;
font-weight:bold;
font-style:normal;
line-height:48px;
height:48px;
color:#000000;
}

Eklemeniz gereken html kodu;

<span class="buyukHarf">M</span>erhaba Dünya!

Örnek Görüntü;

Hepinize iyi çalışmalar ;)

  1. şimdilik yorum yok.
  1. şimdilik geri bağlantı yok