Bild als Listenelementmarkierung festlegen

Beispielanalyse:

Das list-style-image-Attribut verwendet ein Bild, um das Markup des Listenelements zu ersetzen.

Hinweis: Dieses Beispiel wird nicht in allen Browsern gleich angezeigt. IE und Opera zeigen das Bild-Tag etwas höher an als Firefox, Chrome und Safari.

Wenn dann in allen Browsern das gleiche Bildlogo angezeigt wird, sollte eine Browserkompatibilitätslösung verwendet werden. Die Verwendung von Browserkompatibilitätslösungen wird im nächsten Abschnitt vorgestellt. Klicken Sie bitte auf „Weiterlernen“, um mit dem Lernen zu beginnen.

nächsten Abschnitt

neue Datei

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
ul 
{
	list-style-image:url('https://img.php.cn/upload/article/000/000/015/5c6e720242040312.gif');
}
</style>
</head>

<body>
<ul>
<li>PHP</li>
<li>JavaScript</li>
<li>MySQl</li>
</ul>
</body>
</html>

einreichen Code zurücksetzen

Automatische Operation

Ganzer Bildschirm