Legen Sie mithilfe einer browserübergreifenden Lösung ein Bild für ein Listenelement-Tag fest

Beispielanalyse:

ul:

● Stellen Sie den Listenstiltyp so ein, dass er nicht gelöscht wird Spalten Tabellenelement-Tags

● Abstand und Rand auf 0 Pixel setzen (Browserkompatibilität)

Alle li in ul:

● Legen Sie die URL des Bildes fest und legen Sie fest, dass es nur einmal angezeigt wird (keine Duplizierung)

● Legen Sie die Position des Bildes fest, das Sie benötigen (links 0 px und 5px oben und unten)

● Verwenden Sie das padding-left-Attribut, um den Text in der Liste zu platzieren

Weiter lernen

neue Datei

<!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>

einreichen Code zurücksetzen

Automatische Operation