为了账号安全,请及时绑定邮箱和手机立即绑定

为什么添加的背景图片没效果?

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文本</title>

<style type="text/css">

.content{border:4px solid #badbdb;}

.book{background:url(images\t_book.gif) no-repeat #eff9f9;}

img{border:1px solid #b1adaa; margin:10px 18px;}

</style>

</head>

<body>

<div class="content book">

<img src="images\book1.jpg" width="80" height="80"/>

<img src="images\book2.jpg" width="80" height="80"/>

<img src="images\book3.jpg" width="80" height="80"/>

<img src="images\book4.jpg" width="80" height="80"/>

<img src="images\book5.jpg" width="80" height="80"/>

</div>

</body>

</html>

http://img1.sycdn.imooc.com//5707265a0001243413630150.jpg

正在回答

4 回答

用你的代码运行了一下,图片地址的 反斜杠 错了http://img1.sycdn.imooc.com//57075a150001dc7f05900210.jpg

2 回复 有任何疑惑可以回复我~

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

img {

margin: 0px 18px 0px 18px;

height: 80px;

width: 80px;

border: 1px solid #ccc;

}

.content {

margin: 0px;

border: 4px solid #cbc;

}

.book {

padding: 75px 0px 0px 0px;

background: url(images/location-on.png) no-repeat;

}

</style>


</head>

<body>

<div class="content book">

<img src="images/icon-dingwei@2x.png">

<img src="images/location-on--press@2x.png">

<img src="images/location-on@2x.png">


</div>

</body>

</html>


0 回复 有任何疑惑可以回复我~

跟我写的一样 不过我的图片是网上自己找的,看下web检查器有没有找到图片吧

0 回复 有任何疑惑可以回复我~

 看看是不是路径错了

0 回复 有任何疑惑可以回复我~
#1

慕课java2 提问者

怎么确定是不是路径错了,用<div>添加图片是可以的
2016-04-08 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

为什么添加的背景图片没效果?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信