左上角圖片不見了
<! 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>
問題在哪呢？
2016-12-13
最為UI ?直觀的說應該是</div></body> ? ? 沒看其他的 ? ? ?也有可能這樣沒關系
2016-12-11
<div class="content book">
把這個改為<div class="book">
div class這個代碼的意思是調用塊狀元素的屬性，但是你在設置屬性的時候并沒有設置"content book"，你只設置了“book”。所以調用屬性出錯，顯示不出來。