Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 用图像替换子弹_Html_Css_List_Background_Html Lists - Fatal编程技术网

Html 用图像替换子弹

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一直是行业标准的虚拟文本,当时一家不知名的印刷商将一个印刷机上的铅字槽拼凑成一个铅字样本 书它不仅存活

我想用一个图像(大约40*40)替换项目符号,我尝试使用列表样式的图像,但无法调整图像大小。那么,如何在不影响文本的情况下调整图像的大小呢

代码:

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); }