Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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 - Fatal编程技术网

Html 如何调整列表样式图像的大小

Html 如何调整列表样式图像的大小,html,css,Html,Css,我在我的网站上工作了一天的大部分时间,我遇到了一个问题,我希望从我的未排序列表中删除标准项目符号,并添加一个图像。我已经添加了一个图像,但是标准的项目符号仍然存在,而且图像非常大,所以我想知道如何调整图像大小并删除标准的项目符号 我在互联网上寻找解决方案,甚至在这个网站上,似乎什么都不起作用 HTML 以下是我的问题所在的屏幕截图: 比您事先和任何帮助都要感谢要摆脱这些要点,请尝试使用 list-style-type: none; 只需将其放入li或ul选择器即可 要调整图像大小,我只需要使

我在我的网站上工作了一天的大部分时间,我遇到了一个问题,我希望从我的未排序列表中删除标准项目符号,并添加一个图像。我已经添加了一个图像,但是标准的项目符号仍然存在,而且图像非常大,所以我想知道如何调整图像大小并删除标准的项目符号

我在互联网上寻找解决方案,甚至在这个网站上,似乎什么都不起作用

HTML

以下是我的问题所在的屏幕截图:


比您事先和任何帮助都要感谢

要摆脱这些要点,请尝试使用

list-style-type: none;
只需将其放入li或ul选择器即可

要调整图像大小,我只需要使用html标记,而不是使用css插入图像。通过这种方式,您可以调整html标记中图像的大小

<li>
<image src="../images/580b585b2edbce24c47b291a.png" alt="red star" width="yourWidth" height="yourHeight"</image>
</li>

  • 要消除要点,请尝试使用

    list-style-type: none;
    
    只需将其放入li或ul选择器即可

    要调整图像大小,我只需要使用html标记,而不是使用css插入图像。通过这种方式,您可以调整html标记中图像的大小

    <li>
    <image src="../images/580b585b2edbce24c47b291a.png" alt="red star" width="yourWidth" height="yourHeight"</image>
    </li>
    

  • 你需要调整你的图像大小,它太大了,其次,把图像放在你的li上而不是UL上。。。检查以下代码:

    ul.no_bullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }
    
    li.star {
    background: url('https://media.giphy.com/media/vD7NwwgTXO2YM/giphy.gif') no-repeat 
    left top;
    background-size: 15px;
    height: 15px;
    padding-left: 20px;
    padding-top: 3px;
    }
    

    您需要调整图像大小,它太大了,其次,将图像放在您的li上,而不是UL上。。。检查以下代码:

    ul.no_bullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }
    
    li.star {
    background: url('https://media.giphy.com/media/vD7NwwgTXO2YM/giphy.gif') no-repeat 
    left top;
    background-size: 15px;
    height: 15px;
    padding-left: 20px;
    padding-top: 3px;
    }
    

    尝试下载图像,调整图像大小,然后使用它?尝试下载图像,调整图像大小,然后使用它?但这不会让图像成为他需要的要点。但这不会让图像成为他需要的要点。