Tetapkan imej untuk teg item senarai menggunakan penyelesaian silang penyemak imbas

Contoh analisis:

ul:

● Tetapkan jenis gaya senarai kepada tiada tanda item senarai padam

● Tetapkan padding dan jidar semua kepada 0px

li in:

● Tetapkan URL imej dan tetapkannya untuk dipaparkan sekali sahaja (tiada pertindihan)

● Letakkan imej di tempat yang anda perlukan (0px kiri dan 5px atas dan bawah)

● Gunakan padding- Atribut kiri meletakkan teks dalam senarai

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> ul { list-style-type:none; padding:0px; margin:0px; } ul li { background-image:url("https://img.php.cn/upload/article/000/000/015/5c6e720242040312.gif"); background-repeat:no-repeat; background-position:0px 5px; padding-left:14px; } </style> </head> <body> <ul> <li>PHP</li> <li>JavaScript</li> <li>MySQl</li> </ul> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus