Friday, January 23, 2015

Cara Menggarisbawahi Judul Dengan CSS

Pada dasarnya setiap website maupun blogger pasti ingin membuat tampilan web dan blognya terlihat sedikit lebih menarik. Jadi pengetahuan tentang Bagaimana Menggaris bawahi judul dengan CSS memang sering digunakan. Kali ini saya akan berbagi sedikit tentang bagaimana menggaris bawahi judul dengan menggunakan CSS dan HTML. Metode ini bisa jadi cukup mudah untuk dilakukan karena cara menggaris bawahi judul yang paling sederhana adalah dengan menggunakan properti text-decoration.
Berikut adalah cara penulisan kode HTML dan CSS


<!DOCTYPE html>
<html>
<body>
 <head>
  <title>Teks Bayangan - OkeSchool.com</title>

<style type="Text/Css">
  h1 {
font: 1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
</style>

</head>

<body>
  <h1>Contoh Saya h1 CSS - OkeSchool.com</h3>


</html>
 
Untuk melihat hasil running kode diatas dan untuk mencoba-coba sendiri dengan merubah-rubah kodenya sesuai keinginan Anda dapat Anda lakukan dengan cara kopi kode diatas lalu klik menu EDITOR dan salin di halaman EDITOR tersebut.
at

No comments:

Post a Comment