增加列表样式项目符号类型的大小
增加列表样式项目符号类型的大小
提问于 2011-12-10 03:40:52
有没有办法使用CSS来增加项目符号样式类型的大小？我不想增加项目符号文本的大小，只想增加项目符号类型。我也不能使用图片和JavaScript。它必须是我可以嵌入到<head>标签中的<style>标签中的东西。
回答 6
Stack Overflow用户
发布于 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大小。但此方法还允许您将项目符号与文本分开着色。
Stack Overflow用户
发布于 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;
}Stack Overflow用户
发布于 2011-12-10 03:48:31
当你说你不能使用图片时，你的意思是你不能编辑li标签来添加图片，或者你根本不能使用图片？
在li元素上，可以设置list-style-image属性。
li {
list-style-image: url('/imagepath.png');
}这仍然可以放在你的head标签中，而不需要编辑列表的标记。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8450817
复制相关文章
相似问题
腾讯云开发者
