Membuat Bentuk Menggunakan CSS

Kali ini saya akan coba membahas sedikit tutorial CSS yaitu cara membuat suatu area atau wrapper menggunakan CSS. Pertama masuk ke editor online yang cukup bagus untuk digunakan, di sini saya menggunakan HTMl Editor yaitu menggunakan http://htmledit.squarefree.com/ buka link tersebut lalu pada kotak/area yang berwarna biru salin kode berikut

<style type="text/CSS">
.persegi{
width:200px; /*lebar area*/
height:200px; /*tinggi area*/
background:orange; /*warna latar belakang*/
border:2px solid yellow; /*garis tepi*/
}
</style>

<div class="persegi">
</div>

Dan hasilnya akan seperti berikut: