有没有办法使用CSS来增加项目符号样式类型的大小?我不想增加项目符号文本的大小,只想增加项目符号类型。我也不能使用图片和JavaScript。它必须是我可以嵌入到<head>
标签中的<style>
标签中的东西。
发布于 2015-03-20 21:18:43
我不得不做一些类似的事情。我的方法是在li中的文本周围添加span标记:
<li><span>Item 1</span></li>
<li><span>Item 1</span></li>
然后您可以增加您的li的字体大小,并减少您的span的字体大小:
li {
font-size: 20px;
}
li span {
font-size: 14px;
}
您可能需要调整行高和边距,以适应额外的li大小。但此方法还允许您将项目符号与文本分开着色。
发布于 2021-01-25 09:17:38
要增加项目符号的大小,可以使用
li::marker
{
font-size: 2rem;
font-weight: bolder;
}
要更改项目符号字符,content属性将起作用
li::marker
{
content: '\2746'
font-size: 2rem;
font-weight: bolder;
}
发布于 2011-12-10 03:48:31
当你说你不能使用图片时,你的意思是你不能编辑li
标签来添加图片,或者你根本不能使用图片?
在li
元素上,可以设置list-style-image
属性。
li {
list-style-image: url('/imagepath.png');
}
这仍然可以放在你的head标签中,而不需要编辑列表的标记。
https://stackoverflow.com/questions/8450817
复制相似问题