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

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!