İlk Harfi Büyük Yapmak

Aşağıdaki görselde gördüğünüz gibi bazı kitapların başlangıç paragraflarındaki ilk harf büyük olabiliyor. Size bu konuda yardımcı olmaya çalışacağım.

Adsız

Bu gibi durumlarda iki adımda bu işi çözebilirsiniz.

  1. CSS dosyasına <span> kodlu bir sınıf oluşturmak.
  2. <span> kodunu ilk harfe uygulamak.

 

 

CSS Dosyasına <span> Kodlu Bir Sınıf Oluşturmak

Kırmızı renk ile yazdığım kodu direk css dosyanıza kopyalamalısınız.

.ilkharf {font-size:2.5em;font-weight:bold;float: left;margin: -0.1em 0.1em -0.4em -0.05em;}

11

<span> Kodunu İlk Harfe Uygulamak

Daha sonra paragraftaki ilk harfin soluna “>” karakterinin sağına şunu yazıyoruz. <span class=”ilkharf”>

11a

Şimdi ilk harfin sağına geçip CTRL tuşuna basık tutup .(nokta) tuşuna bir kez basarak, program kodumuzu </span> ile kapamış olması gerekiyor.

11b

ve sonuç

11c

İlk harfin boşluk değerlerini beğenmeyenler için söylemeyi unutmayayım. Eğer boşlukları artırıp azaltacaksanız, css dosyasındaki .ilkharf sınıfındaki margins değerleriyle oynayınız.

 

2 thoughts on “İlk Harfi Büyük Yapmak

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s