画像をリスト項目マーカーとして設定

分析例:

list-style-image 属性は、画像を使用してリスト項目のマークアップを置き換えます。

注: この例はすべてのブラウザで同じように表示されるわけではありません。IE と Opera は、Firefox、Chrome、Safari よりも少し高い位置にイメージタグを表示します。

すべてのブラウザで同じ画像ロゴが表示される場合は、ブラウザ互換性ソリューションを使用する必要があります。次のセクションでは、ブラウザ互換性ソリューションの使用について説明します。学習を開始するには、[学習を続ける] をクリックしてください。次のセクション

新しいファイル

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

提出するリセットコード

自動運転

全画面表示