怎样更改css中list-style 里面的图片的大小？_随笔

这个属性是列表中li的样式，对于其前面的项目符号的大小是根据其内容一般是字体的大小来匹配的，详细解释如下：

1、实例一：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<ul>

</ul>

</body>

</html>

因为此时字体是默认大小，其项目符号和字体匹配大小，其显示结果如下图：

实例二：

此时我们更改字体大小，其代码和显示效果如下：

<!DOCTYPE html>

<html>

<head>

li{

font-size: 30px

}

</style>

</head>

<body>

<ul>

</ul>

</body>

</html>

效果如下，项目符号随着字体的增大而增大，如下图：

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

页面在你需要的位置加入

${fn:length(集合) }

如:

实心圆大小需要使用图片来代替,与文字的距离使用padding-left

{

list-style-image:url("/i/arrow.gif")

}

li{

padding-left:20px

}

欢迎分享，转载请注明来源：内存溢出

怎样更改css中list-style 里面的图片的大小？