Tuesday

CSS: main-main dengan kotak

awalnya kita buat

<div id=kotak>
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

CSS: main-main dengan kotak Rating: 4.5 Diposkan Oleh: Miftah Budi

0 komentar:

Post a Comment