Cara Memberi Border pada Gambar dengan CSS - Gambar banyak digunakan dalam sebuah web untuk mendukung informasi yang disampaikan. Terdapat banyak cara memasang gambar pada blog, salah satunya adalah membari border pada gambar. Pemberian border pada gambar dapat digunakan untuk memperjelas informasi pada gambar dengan informasi yang lain.
Pada kesempatan kali ini saya akan sedikit berbagi tentang cara memberi border pada gambar dengan menggunakan css. Untuk memberikan border pada gambar kita dapat menyematkan atribut border kedalam elemen img. Sebenarnya ada banyak cara utnuk memberikan border pada gambar, namun pada kesempatan kali ini saya akan memberikan cara paling mudah dan dasar.
Cara untuk memberikan border pada gambar adalah seperti berikut ini:
- Siapkanlah gambar, dan tampilkan dalam browser. Bisa menggunakan script dibawah ini untuk menampilkan gambar.
<img src="namagambar.JPG"/>
- Buatlah css untuk membuat efek border. Untuk membuat border kita perlu memperhatikan warna border, gaya border, dan ketebalan border. Gunakanlah script dibawah ini.
img{
border-width: 1px;
border-style: solid;
border-color: red;
}
border-width: 1px;
border-style: solid;
border-color: red;
}
Unduh file untuk membuat border gambar dengan css disini.
Cukup sekian postingn dari saya kali ini tentang Cara Memberi Border pada Gambar dengan CSS. Semoga bermanfaat dan terima kasih.
Wah mantap, sederhana sekali tutorialnya untuk menambahkan border pada gambar dengan CSS. Sangat mudah dipahami.
Terimakasih artikelnya sangat bermanfaat
Jangan lupa kunjungi :
http://www.atmaluhur.ac.id
https://gianskr.mahasiswa.atmaluhur.ac.id
Posting Komentar