老师，我的代码怎么什么也不显示呢

来源：2-2 轮播图样式（2）

流下了没有技术的眼泪

2020-03-26 19:09:02

index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="index.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>
index.css
*{
	margin: 0;
}
ul{
	list-style: none;
}
body{
	font-size: "微软雅黑";
	color: #11419e;
	margin: 300px auto;
	
}
.main{
	width: 1200px;
	height: 460px;
	margin: 300px auto;
	
}
.banner{
	width: 1200px;
	height: 460px;
}
.banner-silder{
	width: 1200xp
	height460px;
	background-repeat: no-repeat;
}
.slide1{
	background-image: url("img/bg1.jpg");
}
.slide2{
	background-image: url("img/bg2.jpg");
}
.slide3{
	background-image: url("img/bg3.jpg");
}

写回答

1回答

guly

2020-03-27

已采纳

你好，css代码有误，

.banner-silder{
width: 1200xp
height460px;
background-repeat: no-repeat;
}

改为：

.banner-silder{
    width: 1200px;
    height:460px;
    background-repeat: no-repeat;
}

如果解决您的问题请采纳，祝学习愉快！

0 学习 · 9666 问题

查看课程

相似问题

我代码为什么不能运行呢

回答 3

我也是按照老师设置的，可是我的第一张图片还是不显示，不知道问题出在哪里？

回答 3

图标显示不出

回答 2

老师我这个图一为什么显示不出来a

回答 2

麻烦老师帮忙看看，为什么图片不显示

回答 1

打开慕课网App查看更多内容