呈现效果问题

首页课程实战体系课手记专栏慕课教程

呈现效果问题

来源：4-11 编程练习

xiaoyuan1

2019-12-26 15:18:34

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

#div0{

/*border-left:solid;

border-right:solid;

border-top:solid;

border-bottom:solid;*/

border: 1px dashed;

width: 800px;

height: 450px;

}

#div1{

margin-top: 20px;

margin-left: 20px;

padding-top: none;

padding-left: none;

float: left;

border: 1px solid;

}

#div2{

margin-top: 20px;

margin-left: 20px;

padding-top: none;

padding-left: none;

float: left;

border: 1px solid;

}

#div3{

margin-top: 20px;

margin-left: 20px;

padding-top: none;

padding-left: none;

float: left;

border: 1px solid;

}

#div4{

margin-top: 20px;

margin-left: 20px;

padding-top: none;

padding-left: none;

float: left;

border: 1px solid;

}

#div5{

margin-top: 20px;

margin-left: 20px;

padding-top: none;

padding-left: none;

float: left;

border: 1px solid;

}

#div6{

margin-top: 20px;

margin-left: 20px;

padding-top: none;

padding-left: none;

float: left;

border: 1px solid;

}

</style>

</head>

<body>

<div id="div0">

<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回答

时间，

时间，

2019-12-26

已采纳

同学，你好，同学的代码实现了相应功能，没问题的哦，同学将所有div的border颜色改为灰色即与效果图更相符。

如果我的回答解决了您的疑惑，请采纳！祝学习愉快~~~~

0

0 学习 · 3562 问题

相似问题

这么写不用继承也能实现效果啊

回答 2

图片在中间，怎么实现图文混排（四周围绕效果）

回答 1

有些小问题

回答 1

padding-bottom设置看不出效果

回答 1

老師能否幫我看看這樣的效果OK嗎

回答 1

打开慕课网App查看更多内容