arşiv

‘CSS’ kategorisi için arşiv

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

Pazartesi, 15 Haz 2009 yorum yok
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 ;)