CSS: main-main dengan kotak

awalnya kita buat

INI KOTAK LHO

</div>

lalu bikin css internal

<style>

#kotak {

background: lightblue;

padding: 5px;

border: 5px solid darkblue;

border-radius:10px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

}

</style>

penjelasan:

apabila id, maka css diawali dengan #

tapi bila class, maka css diawali dengan . (titik)

background = untuk memberikan warna latar kotak div

padding = untuk memberikan jarak antara pingir dengan teks

bisa juga 5px 5px 5px 5px dengan arah : atas kanan bawah kiri

border = untuk membuat garis pinggir pada kotak div

pilihannya solid dan dotted (terputus-putus)

border-radius, -moz-border-radius, -webkit-border-radius

ketiganya sama saja tapi tergantung browser, digunakan untuk membuat tampilan garis pinggir yang ujung-ujungnya tidak tajam tapi melengkung

border-radius bisa untuk IE9+, Firefox 4+, Chrome, Safari 5+, dan Opera

hitungan yang dipakai bisa px (pixel) atau em (hitungan kerapatan spasi)

ICC

Tuesday