我想在DIV中放置一个图像,但是图像是为了美观而不是内容,因此想要将它作为背景图像放在DIV中,而不是使用HTML来放置它,但当我尝试和这样做,它不会出现?
我的HTML代码:
<div id="largec">
</div>
我的CSS代码:
#largec {
background-image:url(large-circle.png);
background-size:80px 60px;
background-repeat:no-repeat;
}
请记住我对代码很新!
由于
答案 0 :(得分:5)
如果您的div没有任何内容,那么它将没有任何高度。尝试将min-height
设置为背景图片的<{1}}
#largec {
min-height: 500px;
}
答案 1 :(得分:-1)
1)尝试将文件名放在&#34; &#34;,像这样:
#largec {
background-image:url("large-circle.png");
background-size:80px 60px;
background-repeat:no-repeat;
}
2)确保图像与css代码位于同一文件夹中。
3)建议仅使用&#34; normal&#34;文件名中的字符,数字和下划线(以防止不成功的链接)。