Cara Membuang Bingkai Pautan

Isi kandungan:

Cara Membuang Bingkai Pautan
Cara Membuang Bingkai Pautan

Video: Cara Membuang Bingkai Pautan

Video: Cara Membuang Bingkai Pautan
Video: Cara Membuat dan Menghilangkan Page Border di Microsoft Word 2010 • Simple News Video 2024, November
Anonim

Sekiranya anda membina laman web, anda mesti mengambil kira tetapan untuk memaparkan halaman di penyemak imbas pelawat. Secara khusus, gambar yang diletakkan di dalam tag pautan digariskan oleh penyemak imbas dengan sempadan lebar satu titik (piksel) biru secara lalai. Perkara ini harus dipertimbangkan baik ketika menetapkan ukuran elemen halaman dan ketika menentukan reka bentuk warnanya. Terdapat penyelesaian alternatif untuk masalah ini - menggunakan HTML dan CSS untuk memaksa penyemak imbas untuk tidak menampilkan bingkai.

Cara membuang bingkai pautan
Cara membuang bingkai pautan

Arahan

Langkah 1

Sekiranya untuk versi reka bentuk halaman anda cukup untuk menghapus sempadan dari satu gambar tertentu dengan pautan atau hanya beberapa, maka cukup untuk menambahkan atribut sempadan dengan nilai nol pada tag mereka. Dengan penambahan ini, kod HTML gambar dengan pautan mungkin kelihatan seperti ini: Anda juga boleh menggunakan atribut gaya - pilihan ini setara. Dengan atribut gaya dan nilai sempadan nol yang ditentukan di dalamnya, kod yang sama akan kelihatan seperti ini: Apabila menggunakan atribut gaya, nilai nol (0px) dapat diganti dengan teks "tidak ada" (tanpa tanda petik).

Langkah 2

Sekiranya anda ingin mengelakkan penampilan bingkai untuk semua gambar dengan pautan yang diletakkan di halaman, maka lebih mudah untuk melakukan ini di satu tempat dalam kod HTML. Untuk melakukan ini, deskripsi gaya halaman dengan aturan umum untuk semua pautan harus diletakkan di bahagian tajuk dokumen (antara tag dan). Anda boleh menulis peraturan ini seperti ini: img {border: none;} Ia harus diletakkan di dalam teg yang memberitahu penyemak imbas bahawa terdapat perihalan gaya dalam CSS di sini:

img {sempadan: tiada;}

Langkah 3

Sekiranya anda menggunakan skrip JavaScript di halaman yang melakukan tindakan apa pun ketika anda mengklik pautan teks tanpa beralih ke halaman lain, maka setelah mengklik di beberapa penyemak imbas dan di sekitar pautan teks, bingkai putus-putus yang serupa tetap ada. Untuk mengelakkan perubahan reka bentuk anda tanpa kebenaran, tambahkan peraturan yang sesuai untuk pautan teks ke blok penerangan gaya CSS:

a {garis besar: tidak ada;}

Disyorkan: