Wednesday, 27 January 2016

CSS : Warna Latar Belakang

Warna latar belakang

Properti background-color menentukan warna latar belakang dari elemen.

Warna latar belakang halaman diatur seperti ini:

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>

<h1>Selamat belajar!</h1>

<p>Halaman ini adalah sebuah latar belakang</p>

</body>
</html>

Baca selengkapnya »

Monday, 11 January 2016

Belajar CSS : Bagaimana CSS Bekerja 2

Inline Styles

Inline Styles dapat digunakan untuk menerapkan style yang unik untuk elemen tunggal.

Untuk menggunakan Inline Styles, menambahkan atribut style untuk elemen yang relevan. Atribut style dapat berisi properti CSS.

Contoh di bawah menunjukkan bagaimana untuk mengubah warna dan margin kiri dari <h1> elemen:

Contoh :

<!DOCTYPE html>
<html>
<body>

<h1 style="color:blue;margin-left:30px;">Ini sebuah heading.</h1>
<p>Ini sebuah paragraph.</p>

</body>
</html>

Hasil :

Ini sebuah heading.

Ini sebuah paragraph.

Saturday, 9 January 2016

Belajar CSS : Bagaimana CSS Bekerja

Ketika browser membaca style sheet, itu akan memformat dokumen HTML menurut informasi dalam style sheet.

Ada tiga cara untuk memasukkan style sheet:

     Style sheet eksternal
     Internal style sheet
     gaya inline

Style Sheet eksternal