HTML中css插入background–image图片不显示为什么？
<html>
<head>
<style type="text/css">
#pic:{width：420px;
height:300px;
background-image:url(landscape.jpg);
background-repeat:none;
background-position: center;
float: left;
background-color: #77a;｝
</style>
</head>
<body>
<div id="pic"></div>
</body>
</html>
首先要确认的是你定义的元素ID是”pic:“吗？明显看到pic后面多了个":"。是不是失误多打了的。另外就是确认图片地址是否与页面在同级，不过不是同级就说明图片地址有误。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2019-10-22
background-repeat: none;是因为这个的原因，改成background-repeat: no-repeat;就可以了追问
还是没有啊
追答哦哦，看到了，#pic{}里面写样式，不要加：还有就是你的样式里面宽度的冒号和}有中文格式的，也会影响到显示
第2个回答 2019-10-22
你好，看了你的图片你的路径是错的
要这样写，有帮助别忘记采纳亲！
追问我的文本和图片都在一个文件夹是同级目录啊