老师还能让P标签顶上到无缝吗,感觉很怪异,达不到原图标准。
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
#div1{
float:left;
}
#a,#b,#c,#e,#f,#g{float:left;
}
#aa{float:left;}
#div2{
float:left;
}
img{
border:1px;
width:80px;
padding:1px;
margin:1px;
}
p{border:0.5px solid silver;
width:80px;
font-size:0.2px;
/*text-align:bottom;*/
margin:-2px;
padding:-1px;
line-height:1em;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="aa">
<div id="div1">
<div id="a">
<img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">
<p>欢迎来慕课网学习新知识!</p>
</div>
<!--<p>欢迎来慕课网学习新知识!</p>-->
<div id="b"><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">
<p>欢迎来慕课网学习新知识!</p>
</div>
<!--<p>欢迎来慕课网学习新知识!</p>-->
<div id="c"><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">
<p>欢迎来慕课网学习新知识!</p>
</div>
<!--<p>欢迎来慕课网学习新知识!</p>-->
</div>
<div id="div2">
<div id="e"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">
<p>欢迎来慕课网学习新知识!</p>
</div>
<!--<p>欢迎来慕课网学习新知识!</p>-->
<div id="f"><div id="b"><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">
<p>欢迎来慕课网学习新知识!</p>
</div>
<!--<p>欢迎来慕课网学习新知识!</p>-->
<div id="g"><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">
<p>欢迎来慕课网学习新知识!</p>
</div>
<!--<p>欢迎来慕课网学习新知识!</p>-->
</div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 218 份
- 解答问题 3562 个
本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星