Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah Anda Tetapkan Dimensi pada Tag Sauh untuk Imej Latar Belakang?

Bolehkah Anda Tetapkan Dimensi pada Tag Sauh untuk Imej Latar Belakang?

Susan Sarandon
Susan Sarandonasal
2024-10-30 17:53:31221semak imbas

Can You Set Dimensions on Anchor Tags for Background Images?

Menetapkan Dimensi pada Teg Sauh untuk Imej Latar Belakang

Adakah mungkin untuk menetapkan dimensi tertentu (lebar dan tinggi) pada tag sauh sambil menggabungkan imej latar belakang? Senario ini membolehkan elemen teks dalam sauh dikekalkan sambil mengekalkan imej latar belakang.

Penyelesaian:

Untuk mencapai ini, elemen sauh mesti diberikan paparan sifat sama ada blok atau blok sebaris. Dengan berbuat demikian, ia menjadi mampu menerima kedua-dua nilai lebar dan tinggi.

Contoh:

<code class="css">li {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}</code>
<code class="html"><li><a href="#">Something</a></li></code>

Dalam contoh ini, teg anchor dalam elemen li ditetapkan untuk dipaparkan sebagai blok sebaris dan diberikan lebar dan ketinggian 32 piksel. Ia juga mempunyai warna latar belakang merah, manakala warna latar belakang elemen li ialah oren. Teks "Sesuatu" kekal kelihatan dalam teg sauh, seperti yang dikehendaki.

Atas ialah kandungan terperinci Bolehkah Anda Tetapkan Dimensi pada Tag Sauh untuk Imej Latar Belakang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn