Cara Menulis Batas CSS di Sekitar Gambar

Cascading Style Sheets memungkinkan Anda untuk memodifikasi tata letak HTML dan menampilkan properti seperti penentuan posisi, warna, dan batas. HTML tag digunakan untuk menampilkan gambar pada halaman Web dan menyertakan atribut "border" yang memungkinkan Anda untuk mengaktifkan dan menonaktifkan perbatasan serta menentukan lebar perbatasan. Mungkin Anda membuat halaman pemasaran yang menampilkan spesial dan Anda ingin batas gambar muncul dengan cara yang berbeda dari gaya situs web dasar perusahaan. Gunakan CSS untuk mengubah gaya batas untuk gambar tertentu.

1.

Luncurkan editor HTML atau teks dan buka halaman Web. Temukan tag untuk gambar yang ingin Anda tambahkan perbatasan.

2.

Masukkan atribut gaya CSS untuk memulai perubahan gaya Anda ( ). Masukkan properti "border" untuk mengubah kualitas border, seperti lebar, jenis dan warna. Gambar berikut ditata dengan garis putus-putus merah tebal. Atribut dapat dalam urutan apa pun.

3.

Ubah parameter batas sesuai keinginan. Ketebalan perbatasan dapat berupa tebal, sedang atau tipis atau nilai ukuran piksel seperti "6px." Warna dapat ditunjukkan dengan berbagai cara juga: hex (# ffcc00), RGB (RGB (255, 0, 0)) atau nama warna (biru).

4.

Simpan halaman dan buka di browser Web untuk melihat perubahan tampilan.