Html 用图像替换子弹
我想用一个图像(大约40*40)替换项目符号,我尝试使用列表样式的图像,但无法调整图像大小。那么,如何在不影响文本的情况下调整图像的大小呢 代码:Html 用图像替换子弹,html,css,list,background,html-lists,Html,Css,List,Background,Html Lists,我想用一个图像(大约40*40)替换项目符号,我尝试使用列表样式的图像,但无法调整图像大小。那么,如何在不影响文本的情况下调整图像的大小呢 代码: ul.no\u项目符号{ 列表样式类型:无; } li.twitter{ 背景图片:url(“twitter.png”); 背景重复:无重复; } 测试1 Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一家不知名的印刷商将一个印刷机上的铅字槽拼凑成一个铅字样本 书它不仅存活
ul.no\u项目符号{
列表样式类型:无;
}
li.twitter{
背景图片:url(“twitter.png”);
背景重复:无重复;
}
测试1 Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一家不知名的印刷商将一个印刷机上的铅字槽拼凑成一个铅字样本
书它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着
桌面发布软件,如Aldus PageMaker,包括Lorem Ipsum版本
测试2–Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一家不知名的印刷商将一个印刷机上的铅字槽拼凑成一个铅字样本
书它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着
桌面发布软件,如Aldus PageMaker,包括Lorem Ipsum版本
- 测试3r–Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本
- 测试4–Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本
试试这个:
ul.no\u项目符号{
列表样式类型:无;
}
.推特img{
宽度:40px;
高度:40px;
}
测试1 Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本
测试2–Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本
- 测试3r–Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本
- 测试4–Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本
尝试使用li:before。请参见下面的示例代码:
ul.no_bullets { list-style: none; }
ul.no_bullets li:before { content: url(twitter.png); }