HTML文檔內容：
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8"?/>
????<title>輪播</title>
????<link?rel="stylesheet"??href="css/css.css"?/>
</head>
<body>
????<div?class="main">
????<!--圖片輪播-->
????<div?class="banner">
????????<a?href="">
????????????<div?class="banner-slide"?slide1></div>
????????</a>
????????<a?href="">
????????????<div?class="banner-slide"?slide2></div>
????????</a>
????????<a?href="">
????????????<div?class="banner-slide"?slide3></div>
????????</a>
????</div>
????</div>
</body>
</html>
css文檔內容：
.main{
????width:?1200px；
????height:?460px;
????margin:?30px?auto;
????overflow:?hidden;????<!--溢出隱藏-->
}
.banner{
????width:?1200px；
????height:?460px;
}
.banner-slide{
????width:?1200px；
????height:?460px;
????background-repeat:?no-repeat;?<!---?不要平鋪--->
}
.slide1{
????background-image:?url("../images/pic1.jpg");
}
路徑圖：
4 回答
已采納
-
慕容1519046這樣改也是不行，還有我的slide1的類位置寫錯了，寫在了“”外邊了，改過來了，也不行 -
慕容1519046我調出開發工具，可以看到圖片被引用了，就是不在正文顯示
-
NeptuneTnT.main{ width: 1200px； height: 460px; margin: 30px auto; overflow: hidden; <!--溢出隱藏--> } .banner{ width: 1200px； height: 460px; } .banner-slide{ width: 1200px； height: 460px; background-repeat: no-repeat; <!--- 不要平鋪---> } 三個width后面的分號寫錯
點擊展開后面1條
- 4 回答
- 0 關注
- 2541 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消