CSS关于list-style-image图标的位置的问题解决

来源：懂视网责编：小采时间：2020-11-27 18:50:50

CSS关于list-style-image图标的位置的问题解决

CSS关于list-style-image图标的位置的问题解决:源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht

推荐度：

点击下载本文 文档为doc格式

导读CSS关于list-style-image图标的位置的问题解决:源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht

源代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>实验二</title>
<style type="text/css">
li.HTML5 {
list-style-image:url(HTML5和CSS3实例教程.jpg);
}
li.Program {
list-style-image:url(编程原本.jpg);
}
li.iPhone {
list-style-image:url(24小时玩转iPhone.jpg);
}
</style>
</head>

<body>
<div style="text-align:center">
<ul>
<li class="Program">编程原本</li>
<li class="iPhone">24小时玩转iPhone</li>
<li class="HTML5">HTML5和CSS3实例教程</li>
</ul>
</div>
</body>
</html>

运行的效果如图。我要的是图片可以完全显示。如果呢个可以解决的话，再追加分数

<style type="text/css">
 /*将li设置为块状，在加个高度试试*/
 li{display:block; height:30px;}
	li.HTML5 {
	list-style-image:url(HTML5和CSS3实例教程.jpg);
}
	li.Program {
	list-style-image:url(编程原本.jpg);
	}
	li.iPhone {
	list-style-image:url(24小时玩转iPhone.jpg);
	}
	</style>

CSS关于list-style-image图标的位置的问题解决

推荐度：

点击下载本文 文档为doc格式

标签：定位图标位置

热门焦点

CSS关于list-style-image图标的位置的问题解决

CSS关于list-style-image图标的位置的问题解决

CSS关于list-style-image图标的位置的问题解决

最新推荐

猜你喜欢

热门推荐