代码实例
<!DOCTYPE HTML>
<html>
<head>
<style>
ul {
list-style-image: url("/template/pc/skin/img/hot_03.gif");
}
</style>
</head>
<body>
<ul>
<li>XML</li>
<li>CSS</li>
<li>Javascript</li>
<li>Java</li>
<li>SQL</li>
<li>HTML</li>
</ul>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
您可以通过list-style-image属性使用图像作为标记。
以下代码使用图像作为列表标记。
<!DOCTYPE HTML>
<html>
<head>
<style>
ul {
list-style-image: url("/template/pc/skin/img/hot_03.gif");
}
</style>
</head>
<body>
<ul>
<li>XML</li>
<li>CSS</li>
<li>Javascript</li>
<li>Java</li>
<li>SQL</li>
<li>HTML</li>
</ul>
</body>
</html>