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
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>
Vorschau
Clear
- Kursempfehlungen
- Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit
Auch Studierende, die diesen Kurs gesehen haben, lernen
Lassen Sie uns kurz über die Gründung eines Unternehmens in PHP sprechen
Kurze Einführung in die Web-Frontend-Entwicklung
Umfangreiche, praktische Tianlongbabu-Entwicklung eines Mini-Version-MVC-Frameworks, das die Enzyklopädie-Website mit peinlichen Dingen imitiert
Erste Schritte mit der praktischen PHP-Entwicklung: Schnelle PHP-Erstellung [Small Business Forum]
Anmeldebestätigung und klassisches Message Board
Wissenssammlung über Computernetzwerke
Schnellstart-Node.JS-Vollversion
Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Schreiben Sie Ihr eigenes PHP-MVC-Framework (40 Kapitel ausführlich/große Details/Muss gelesen werden, damit Neulinge vorankommen)