Membuat Huruf Awal Paragraf Menjadi Besar – HTML & CSS


Pada kesempatan kali ini, kita akan membahas tutorial membuat huruf awal pada sebuah paragraf menjadi besar (large). Kita pasti sering lihat pada sebuah buku / artikel / cerpen / website / blog atau apapun yang berisi tulisan dan paragraf, memiliki huruf awal atau huruf pertamanya berukuran besar atau ekstra besar. Itu merupakan salah satu seni dalam penulisan sebuah paragraf sejak jaman dulu, begitu pula pada paragraf HTML.

Cara membuat huruf pertama pada paragraf menjadi besar cukup gunakan code berikut:

p::first-letter {
   font-size: xx-large; float-left; line-height: 60px;
}

Tempelkan code tersebut di CSS, contohnya disini memanggil tag p untuk paragraf yang bersangkutan. Silahkan sesuaikan saja jika ingin menggunakan id atau nama class pun tidak jadi masalah. Simpan dan lihat hasilnya, berhasil !

Seperti diatas, ketika ingin memanggil tag p perlu ditambahkan ::first-letter setelahnya begitu juga id atau class. Bisa juga menggunakan cara lain seperti memasukkan huruf pertama kedalam tag span dan diberi class kemudian pada style nya di panggil class tersebut memiliki huruf besar dan gaya lain yang diperlukan.

Masih bingung ? Lihat : Video Tutorial Cara Membuat Huruf Besar di Awal Paragraf (Dan Penjelasan Lengkapnya).

Selamat mencoba !


Jangan Lupa Share !!!

56
9 shares, 56 points

Apa Reaksimu ?

Bingung Bingung
7
Bingung
Kesal Kesal
5
Kesal
OMG OMG
7
OMG
Takut Takut
6
Takut
Keren Keren
4
Keren
Sedih Sedih
9
Sedih
Posciety Tech

Advanced Competent

Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi. Dikelola oleh tim Posciety Tech.

0 Komentar

Pilih Format
Artikel
Default, Membuat Artikel/Cerita
List
Listicle, Misalnya: 3 Hal yang Wajib Dilakukan Saat...
Kuis Kepribadian
Membuat kuis Tentang Kepribadian
Poll
Vote untuk Membuat Keputusan atau Mencari Saran
Meme
Membuat Meme dari Gambar Normal yang Kamu Miliki