CSS

CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web.

Kode perintah dasar <div></div> dimana <div> merupakan perintah memulai kode dan </div>merupakan perintah untuk mengakhiri kode. Berikut ini beberapa kode perintah dan hasil yang ditampilkannya.

Kode BORDER

<div style="border: 1px solid;">tulis disini</div>

<div style="border: 2px solid red;">tulis disini</div>

Kode BORDER kanan, kiri, atas, bawah

<div style="border-right: 1px solid red;">tulis disini</div>

<div style="border-left: 1px solid red;">tulis disini</div>

<div style="border-top: 1px solid red;">tulis disini</div>

<div style="border-bottom: 1px solid red;">tulis disini</div>

Kode BORDER berbagai jenis

<div style="border: 1px dotted red;">tulis disini</div>

<div style="border: 1px dashed red;">tulis disini</div>

<div style="border: 1px inset red;">tulis disini</div>

<div style="border: 1px outset red;">tulis disini</div>

Kode BORDER dengan MARGIN

<div style="border: 1px solid red; margin: 10px;">tulis disini</div>

<div style="border: 1px solid red; margin: 10px 20px;">tulis disini</div>

<div style="border: 1px solid red; margin: 10px 20px 30px 40px;">tulis disini</div>

Kode BORDER dengan PADDING

<div style="border: 1px solid red; padding: 10px;">tulis disini</div>

<div style="border: 1px solid red; padding: 10px 20px;">tulis disini</div>

<div style="border: 1px solid red; padding: 10px 20px 30px 40px;">tulis disini</div>

Kode BORDER dengan MARGIN dan PADDING

<div style="border: 1px solid red; margin: 10px; padding: 10px;">tulis disini</div>

<div style="border: 1px solid red; margin: 10px; padding: 10px 20px;">tulis disini</div>

<div style="border: 1px solid red; margin: 10px; padding: 10px 20px 30px 40px;">tulis disini</div>