画像をリスト項目マーカーとして設定
分析例:
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>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
