Cara Membuat Border Level pada Gambar dengan CSS - Border level merupakan cara untuk membuat banyak border. Prinsip border level hampir sama dengan double border, hanya saja border level mempunyai efek yang lebih halus. Memberikan border level pada gambar dapat menimbulkan efek seperti figura. Pada kesempatan kali ini saya akan sedikit berbagi tentang cara membuat level border pada gambar menggunakan css.
Membuat border level pada gambar menggunakan css dapat dilakukan dengan menggunakan properti outline. Setelah memberikan properti outline kemudian kita atur warna background. Pemilihan warna border outline dan background sangat mempengaruhi, diupayakan warna outline lebih gelap dari background. Misalnya warna outline hitam dan background abu-abu.
Berikut ini adalah cara untuk membuat border level pada gambar menggunakan css:
- Tampilkan gambar menggunakan element img seperti berikut ini.
<img src="namagambar.JPG"/>
- Buat lah css untuk border level menggunakan script dibawah ini.
img{
outline :5px solid #111;
border-top: 1px solid #555;
padding: 5px;
background: #333;
}
outline :5px solid #111;
border-top: 1px solid #555;
padding: 5px;
background: #333;
}
Unduh file untuk membuat border level disini.
Cukup sekian postingan dari saya yang berjudul Cara Membuat Border Level pada Gambar dengan CSS. Semoga bermanfaat dan terima kasih.
Posting Komentar