HTML中css插入background–image图片不显示为什么？
<html><head><styletype="text/css">#pic:{width：420px;height:300px;background-image:url...
<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> 展开
<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> 展开
3个回答
展开全部
首先要确认的是你定义的元素ID是”pic:“吗？明显看到pic后面多了个":"。是不是失误多打了的。另外就是确认图片地址是否与页面在同级，不过不是同级就说明图片地址有误。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background-repeat: none;是因为这个的原因，改成background-repeat: no-repeat;就可以了
追问
还是没有啊
追答
哦哦，看到了，#pic{}里面写样式，不要加：还有就是你的样式里面宽度的冒号和}有中文格式的，也会影响到显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好，看了你的图片你的路径是错的
要这样写，有帮助别忘记采纳亲！
追问
我的文本和图片都在一个文件夹是同级目录啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
