提问者:小点点

如何用html中无序列表中的食品图标替换项目符号


我有以下代码:

null

<div id="instructions">
                <h3>Get it done</h3>
                <ol>
                    <li>In a blender add the eggs, chocolate powder, butter, flour, sugar and milk.</li>
                    <li>Then whisk for 5 minutes</li>
                    <li>Add the yeast and mix with a spatula gently.</li>
                    <li>In a greased pan, pour the dough and bake in a medium oven (180 ºC) preheated for about 40 minutes.</li>
                    <li>Don't forget to use a tall form for this recipe: as it takes two spoons of yeast, it grows a lot! Another solution may be to place just one spoon of yeast and keep your recipe in a small form.</li>
                </ol>
            </div>

null

但是我想用像“鸡蛋”,“计时器”,“搅拌机”,“烤箱”这样的符号来替换项目符号。


共1个答案

匿名用户

这里有一个伟大的链接,确切地说,您正在寻找什么。 Font-awesome应该有图标,你可以使用每一个。

自定义li列表-样式与字体-超赞图标