Jika Anda membangun situs web, Anda harus mempertimbangkan pengaturan untuk menampilkan halaman di browser pengunjung. Secara khusus, gambar yang ditempatkan di dalam tag tautan diuraikan oleh browser dengan batas lebar satu titik (piksel) biru secara default. Ini harus diperhitungkan saat mengatur ukuran elemen halaman dan saat menentukan desain warnanya. Ada solusi alternatif untuk masalah ini - menggunakan HTML dan CSS untuk memaksa browser tidak menampilkan bingkai.
instruksi
Langkah 1
Jika untuk versi desain halaman Anda, itu akan cukup untuk menghapus perbatasan dari satu gambar tertentu dengan tautan atau hanya beberapa, maka itu akan cukup untuk menambahkan atribut perbatasan dengan nilai nol ke tag mereka. Dengan tambahan ini, kode HTML gambar dengan tautan mungkin terlihat seperti ini: Anda juga dapat menggunakan atribut gaya - opsi ini setara. Dengan atribut style dan nilai batas nol yang ditentukan di dalamnya, kode yang sama akan terlihat seperti ini: Saat menggunakan atribut gaya, nilai nol (0px) dapat diganti dengan teks "none" (tanpa tanda kutip).
Langkah 2
Jika Anda ingin mencegah munculnya bingkai untuk semua gambar dengan tautan yang ditempatkan di halaman, maka lebih mudah untuk melakukannya di satu tempat dalam kode HTML. Untuk melakukan ini, deskripsi gaya halaman dengan aturan umum untuk semua tautan harus ditempatkan di bagian judul dokumen (antara dan tag). Anda dapat menulis aturan ini seperti ini: a img {border: none;} Itu harus ditempatkan di dalam tag yang memberi tahu browser bahwa ada deskripsi gaya dalam CSS di sini:
a img {batas: tidak ada;}
Langkah 3
Jika Anda menggunakan skrip JavaScript di halaman yang melakukan tindakan apa pun saat Anda mengklik tautan teks tanpa beralih ke halaman lain, maka setelah mengklik di beberapa browser dan di sekitar tautan teks, bingkai putus-putus yang serupa tetap ada. Untuk mencegah perubahan tidak sah pada desain Anda, tambahkan aturan yang sesuai untuk tautan teks ke blok deskripsi gaya CSS:
sebuah {garis besar: tidak ada;}
