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

左上角图片不见了

<! DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>吉米的书</title>

<style type="text/css">

.content{border:4px solid #badbdb;

padding:34px 15px 15px;}

.book{background-image:url(t_book.gif) no-repeat;}

img{

width:80px;

height:80px;

margin:10px 18px;

border: 1px solid #b1adad;}

</style>

</head>

<body>

<div class="content book">

<img src="book1.jpg" alt="book1" />

<img src="book2.jpg" alt="book2" />

<img src="book3.jpg" alt="book3" />

<img src="book4.jpg" alt="book4" />

<img src="book5.jpg" alt="book5" />

<img src="book6.jpg" alt="book6" />

</body>

</div>

</html>


问题在哪呢?


正在回答

2 回答

最为UI  直观的说应该是</div></body>     没看其他的      也有可能这样没关系

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

<div class="content book">

把这个改为<div class="book">

div class这个代码的意思是调用块状元素的属性,但是你在设置属性的时候并没有设置"content book",你只设置了“book”。所以调用属性出错,显示不出来。

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

Chinese_Scorpions 提问者

不对的哈
2016-12-11 回复 有任何疑惑可以回复我~
#2

Mrwolf3512195 回复 Chinese_Scorpions 提问者

确实不对,但是我用DW显示的话是有6个图片的
2016-12-13 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

左上角图片不见了

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