Saat Anda menempatkan gambar di dalam tag tautan (antara dan), browser pengunjung secara default menggambar batas biru selebar satu piksel di sekitar gambar. Selain fakta bahwa kesewenang-wenangan browser meningkatkan ukuran elemen desain halaman ini sebesar dua piksel secara vertikal dan dua piksel secara horizontal, warna biru mungkin tidak cocok dengan skema warna desain halaman.
instruksi
Langkah 1
Jika Anda perlu menghapus batas dari satu atau beberapa gambar tautan, Anda dapat melakukannya dengan menambahkan atribut batas dengan nilai nol ke tag setiap gambar yang Anda butuhkan. Misalnya: Efek yang sama dapat dicapai dengan menggunakan atribut style dengan menempatkan batas yang sama dengan nilai nol di dalamnya: Nilai nol (0px) dalam varian ini dapat diganti dengan nilai "none" (tanpa tanda kutip).
Langkah 2
Jika Anda perlu menyelesaikan masalah ini secara radikal, yaitu, untuk semua gambar dengan tautan di seluruh dokumen, maka lebih baik melakukannya secara berbeda. Tidak perlu menambahkan atribut yang sesuai ke tag setiap gambar secara terpisah, lebih mudah untuk menuliskan aturan umum untuk semua dalam deskripsi gaya di awal dokumen. Aturan CSS ini akan terlihat seperti ini: a img {border: none;} Itu harus ditempatkan di blok deskripsi gaya, dan blok itu sendiri harus ditempatkan sebelum tag penutup judul halaman:
a img {batas: tidak ada;}
Langkah 3
Tidak hanya gambar, tetapi juga tautan teks sederhana di beberapa jenis peramban memiliki masalah serupa - jika pengunjung mengeklik tautan, batas putus-putus akan tetap ada di sekitarnya. Untuk menyelamatkan halaman Anda dari kesalahan desain ini, tambahkan aturan tautan berikut ke deskripsi gaya:
a img {garis besar: tidak ada;}
