能在浏览器中实现效果，但是第3,49,50行在编辑器中报错
来源：3-4 编程练习
qq_Jony_pqCHO2
2018-11-13 11:38:09
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0;
padding:0;
}
ul{
list-style: none;
}
.zhengti{
width:806px;
border:1px lightgray dashed;
margin: 100px auto;
}
.shang{
padding:20px 20px 10px 20px;
/*background-color:green;*/
overflow: hidden;
zoom:1;
}
.xia{
padding:10px 20px 20px 20px;
/*background-color:pink;*/
overflow: hidden;
zoom:1;
}
.a{
border:1px lightgray solid;
float: left;
}
.b{
width: 240px;
height: 135px;
}
.c{
width:240px;
height: 28px;
line-height: 28px;
}
.d{
margin-right: 20px;
}
</style>
</head>
<body>
<div class="zhengti">
<div class="shang">
<ul class="a d">
<li class="b"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></li>
<li class="c">欢迎来到慕课网学习新知识！</li>
</ul>
<ul class="a d">
<li class="b"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></li>
<li class="c">欢迎来到慕课网学习新知识！</li>
</ul>
<ul class="a">
<li class="b"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></li>
<li class="c">欢迎来到慕课网学习新知识！</li>
</ul>
</div>
<div class="xia">
<ul class="a d">
<li class="b"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></li>
<li class="c">欢迎来到慕课网学习新知识！</li>
</ul>
<ul class="a d">
<li class="b"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></li>
<li class="c">欢迎来到慕课网学习新知识！</li>
</ul>
<ul class="a">
<li class="b"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></li>
<li class="c">欢迎来到慕课网学习新知识！</li>
</ul>
</div>
</div>
</body>
</html>
1回答
-
您好，<!DOCTYPE html>应该是成对出现<>。祝学习愉快！
0
相似问题