Wednesday, October 12, 2011

Header Style part 2 (CSS)

Sekarang kita akan memberi warna merah pada “Judul Artikel”. Kita tinggal menyisipkan property dan value berikutnya, seperti pada kode berikut:

<style>
H3 {font-family:arial; color:red}
</style>

Pada baris kedua, terdapat sisipan kode CSS baru yaitu color:red yang fungsinya untuk mengubah warna teks yang berada dalam tag <h3> menjadi merah. Kita dapat menambahkan property lainnya sesuai kebutuhan, namun setiap property harus dipisahkan oleh tanda titik koma (;).

Simpan kembali dokumen, dan refresh browser untuk melihat perubahan yang terjadi. Bila dilakukan dengan benar, teks “Judul Artikel” kini berwarna merah.


Kembali ke teks editor, sisipkan kode untuk memiringkan teks “Judul Artikel”  sebagai berikut:

<style>
H3 {font-family:arial;
Color:red;
Font-style:italic;
}
</style>

Kita juga dapat menuliskan skrip CSS dengan cara seperti contoh diatas, hanya saja pastikan setiap pendefenisian property dipisahkan oleh titik koma (;) dan semuanya berada dalam tanda kurung kurawal {}.
Kode sisipan pada baris ke-5 merupakan perintah untuk memformat teks agar dicetak miring pada browser.

Simpan kembali dokumen dan refresh browser untuk melihat perubahan yang terjadi.

Share this

0 Comment to "Header Style part 2 (CSS)"

Post a Comment

Jika ada pertanyaan, link mati, dan ucapan terima kasih, silahkan isi di kotak komentar...