Kode CSS Huruf Tebal Miring Garis Bawah

Kata adalah kumpulan dari beberapa huruf. Sedangkan kalimat adalah kumpulan dari beberapa kata yang dirangkai. Kita mengenal huruf dari bangku Taman Kanak-Kanak atau diajari orang tua di rumah saat masih kecil. Dengan mengenal huruf maka kita tidak menjadi buta huruf.

Huruf dalam postingan blog juga berguna untuk memberikan isi pesan pada pembaca. Mungkin juga bisa dengan hanya menampilkan gambar, namun peran huruf penting agar robot mesin pencari dapat mengetahui maksud dari gambar tersebut dengan menuliskan kata di tag alt="".

Dalam mendesain tampilan blog juga perlu huruf maupun angka pada penulisan kode CSS maupun script. Nah, bagi anda yang baru mengenal blog dan juga coding, ingin rasanya mengubah pola huruf agar terlihat menarik.

Dalam postingan ini saya hanya khusus memberi tahu untuk membuat huruf tebal, miring, dan memberi garis bawah pada sebuah kata atau huruf, dengan kode CSS. Kodenya adalah sebagai berikut:
  • Huruf Tebal: font-weight:blod
  • Huruf Miring: font-style:italic
  • Garis Bawah: text-decoration:underline
  • Huruf BESAR Semua: text-transform:uppercase
  • Huruf Dicoret: text-decoration:line-through

Begitulah kode CSS dalam mengubah huruf pada blog anda menjadi tebal, miring, menggaris bawahi, serta ada beberapa kode CSS tambahan lainnya dalam mendesain huruf.

Namun sebetulnya anda juga bisa merubah desain huruf dengan menggunakan kode <>...</> di halaman HTML, seperti:
  • Huruf Tebal: <b>...</b>
  • Huruf Miring: <i>...</i>
  • Garis Bawah: <u>...</u>
  • Huruf Dicoret: <strike>...</strike>

Saya berharap postingan yang singkat ini bermanfaat untuk anda, terutama bagi yang baru masuk di dunia perbloggingan dan mau belajar. Sekian dan terimakasih sudah mau mampir.

Related Posts →


Open Disqus Close Disqus



This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Blogger Cookies