Cara Membuat Box Dengan Tag Div

Setelah kita mengerti dengan penulisan CSS baik itu On File CSS, Inline CSS dan External CSS. Mari kita coba mempraktikkannya dengan memuat sebuah box dengan mengkombinasikan HTML dengan CSS3. Hanya saja kita menggunakan metode External CSS yang saat ini lumrah digunakan.

Cara Membuat Box Warna

Untuk membuat sebuah box warna, kita bisa menggunakan tag <div>...</div> pada HTML. Dan kita coba menggunakan tipe Selector ID.
Tulis tag DIV dengan notepad dibawah ini pada file HTML :

<div class=”box1”></div>

Tulis perintah berikut pada file CSS dengan notepad seperti di bawah ini :

.box1 {
width: 300px;
height: 300px;
background: red;
}

Untuk memperjelas lihat gambar dibawah ini :

Setelah kamu buat seperti itu coba buka pada browser kesayangan kamu. Maka hasilnya akan seperti ini :

• Tweet
• Share
• Share
• Share
• Share

About Badri Zaki

hi saya Badri Zaki &, saya seorang Web Developer. Saya suka belajar semua yang berhubungan dengan Coding.

Related Post