几个问题请教老师
来源：4-12 编程练习
慕运维lh
2019-09-15 12:18:53
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
*{
margin:0;
padding:0;
}
#div{
width:900px;
height:900px;
background:red;
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
border:1px dashed gray;
}
#div1,#div2,#div3,#div4,#div5,#div6{
margin:10px 10px 10px 10px;
border:solid 1px;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>
<div id = "div1">
<img src = "http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>
欢迎来到慕课网学习新知识！
</p>
</div>
<div id = "div2">
<img src = "http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>
欢迎来到慕课网学习新知识！
</p>
</div>
<div id = "div3">
<img src = "http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>
欢迎来到慕课网学习新知识！
</p>
</div>
<div id = "div4">
<img src = "http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>
欢迎来到慕课网学习新知识！
</p>
</div>
<div id = "div5">
<img src = "http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>
欢迎来到慕课网学习新知识！
</p>
</div>
<div id = "div6">
<img src = "http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>
欢迎来到慕课网学习新知识！
</p>
</div>
</div>
</body>
</html>1、怎么是不是两排三列；
2、最外面的虚线没有设置成功；
3、为什么背景没有变成红色
4、代码怎么才是最合适的写法；
写回答
1回答
-
同学你好！
1.同学没有实现效果的最主要的原因时，并没有一个id为div的元素
同学将父div的id设置为div即可，
2.例外同学有一些细节没有注意到，老师对同学的代码做了一些修改同学可以参考一下：
<!DOCTYPE html> <html> <head> <!-- 此处编写样式 --> <style type="text/css"> *{ margin:0; padding:0; } #div{ /* width:900px; height:900px;*/ width:980px; height:450px; background:red; /* margin:10px 10px 10px 10px;*/ /* padding:10px 10px 10px 10px;*/ border:1px dashed gray; } #div1,#div2,#div3,#div4,#div5,#div6{ margin:10px 10px 10px 10px; width: 300px; height: 200px; border:solid 1px; float:left; text-align: center; } #div img{ width: 100%; } </style> </head> <body> <!-- 此处写代码 --> <div id="div"> <div id = "div1"> <img src = "http://climg.mukewang.com/590fe9770001e63102400135.jpg"> <p> 欢迎来到慕课网学习新知识！ </p> </div> <div id = "div2"> <img src = "http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> <p> 欢迎来到慕课网学习新知识！ </p> </div> <div id = "div3"> <img src = "http://climg.mukewang.com/590fe982000150ba02400135.jpg"> <p> 欢迎来到慕课网学习新知识！ </p> </div> <div id = "div4"> <img src = "http://climg.mukewang.com/590fe9770001e63102400135.jpg"> <p> 欢迎来到慕课网学习新知识！ </p> </div> <div id = "div5"> <img src = "http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> <p> 欢迎来到慕课网学习新知识！ </p> </div> <div id = "div6"> <img src = "http://climg.mukewang.com/590fe982000150ba02400135.jpg"> <p> 欢迎来到慕课网学习新知识！ </p> </div> </div> </body> </html>如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题