编程练习。
来源：4-11 编程练习
sx1011
2020-11-28 16:51:08
# 具体遇到的问题
属性运用不熟练
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
#div{
width:800px;
float:left;
padding:10px 10px;
border:1px dashed;
box-sizing:content-box;
}
#div div{
float:left;
margin:10px 10px 10px 14px;
outline:1px solid;
text-indent:1em;
}
img{
float:left;
vertical-align:bottom;
}
p{
margin-bottom:0px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="div">
<div id="d1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p id="p1">欢迎来到慕课网学习新知识！</p>
</div>
<div id="d2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p id="p2">欢迎来到慕课网学习新知识！</p>
</div>
<div id="d3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p id="p3">欢迎来到慕课网学习新知识！</p>
</div>
<div id="d4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p id="p4">欢迎来到慕课网学习新知识！</p>
</div>
<div id="d5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p id="p5">欢迎来到慕课网学习新知识！</p>
</div>
<div id="d6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p id="p6">欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
写回答
1回答
-
已完成练习，棒棒哒！继续加油！
祝学习愉快！
0
相似问题