麻烦老师帮忙看看，这个是哪里出了问题
来源：4-12 编程练习
慕无忌6063789
2020-02-08 04:17:52
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style>
#aiv1{
border-style:solid;
background-color:grey;
width:800px;
float:left;
}
.aiv2{
background-color:white;
margin-top:10;
margin-left:10;
padding-bottom:10;
border-width:1px;
border-color:grey;
float:left;
}
p{
margin-top=1px;
margin-bottom=10px;
text-align:center;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<aiv id="aiv1">
<aiv class="aiv2">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</aiv>
<aiv class="aiv2">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</aiv>
<aiv class="aiv2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</aiv>
<aiv class="aiv2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</aiv>
<aiv class="aiv2">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</aiv>
<aiv class="aiv2">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</aiv>
</aiv>
</body>
</html>
1回答
-
你好，错误原因：
1、没有加字符编码
2、aiv应该改为div
3、margin-left 值应该加单位px
代码参考如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 此处编写样式 --> <style> #aiv1{ border-style:solid; background-color:grey; width:800px; float:left; margin-le } .aiv2{ background-color:white; margin-top:10px; margin-left:20px; padding-bottom:10px; border-width:1px; border-color:grey; float:left; } p{ margin-top:1px; margin-bottom:0px; text-align:center; } </style> </head> <body> <!-- 此处写代码 --> <div id="aiv1"> <div class="aiv2"> <img src="http://img1.sycdn.imooc.com\/climg/590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识</p> </div> <div class="aiv2"> <img src="http://img1.sycdn.imooc.com\/climg/590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识</p> </div> <aiv class="aiv2"> <img src="http://img1.sycdn.imooc.com\/climg/590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识</p> </aiv> <aiv class="aiv2"> <img src="http://img1.sycdn.imooc.com\/climg/590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识</p> </aiv> <aiv class="aiv2"> <img src="http://img1.sycdn.imooc.com\/climg/590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识</p> </aiv> <aiv class="aiv2"> <img src="http://img1.sycdn.imooc.com\/climg/590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识</p> </aiv> </div> </body> </html>如果解决您的问题请采纳，祝学习愉快！
0
相似问题