Bir paragrafın ilk harfinin büyük olarak yazıldığı gazete ve dergilere denk gelmiş olmalısınız. Ayrıca, bazı büyük web siteleri de bu şekilde içerik hazırlamaktadır. Böylelikle, oldukça güzel ve farklı içerik sayfaları elde edebilmektesiniz. Bu işlemi CSS kullanarak yapmak oldukça basit. Yani CSS'nin "first-letter" özelliği kullanılarak, paragrafın ilk harfi büyük yapılabilir ve ardından kolay bir şekilde de biçimlendirilebilir. Dilerseniz bu yönde bir örnek yapıyor olacağız. Aşağıdaki örnek kodları, kendinize göre değiştirerek, daha farklı ve özgün görüntüler oluşturabileceğinizi de unutmamalısınız. Şimdi ise örneği inceleyelim.

AYRICA: CSS ile Online Buton Yapmak Çok Kolay

CSS ile Paragrafın İlk Harfini Büyük Yapıyoruz

Temanızın CSS sayfasına aşağıdaki kodları ekleyin.

.ilkharfbuyuk {
line-height: 20px;
width: 500px;
}
p:first-letter {
font-size: 40px;
padding-right: 5px;
}

Temanızın HTML sayfasına ise, aşağıdaki gibi bir kod ekleyebilirsiniz.

<div class="ilkharfbuyuk">
<p>İlk harfi büyük olan paragraf buraya gelecektir.</p>
</div>

Not: İlk harfi büyük paragraf örneği ise aşağıda yer almaktadır.