Membuat kotak terlihat terbenam

Sobat blogger yang berbahagia berikut tips sederhana untuk cara membuat kotak atau border yang kita buat akan tampak seperti tenggelam atau terbenam, seperti yang sobat dapat lihat di blog saya ini, cara ini sangatlah mudah hanya sedikit modifikasi dari warna garis pada kotak dan warna latar belakang dari kotak tersbut.

cara membuatnya

 <div style="background-color: #111;   

border: 1px solid #000;   

border-right: 1px solid #353535;   

border-bottom: 1px solid #353535;">  

Teks anda di sini !  

</div>  

Hasilnya akan seperti ini, sobat tinggal mengganti kode warna sesuai dengan keinginan.

Yang membentuknya adalah :

Garis atas dan garis kiri harus sama warnanya dan lebih gelap dari warna latar dari garis kanan dan bawah.

Garis kanan dan garis bawah warnanya sama tapi tidak sama dengan garis atas dan kiri, warnanya harus lebih terang dari latar belakang.