老师，请检查代码

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

老师，请检查代码

来源：3-24 编程练习

qq_慕工程8315848

2021-04-20 23:23:49

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

#box {

width: 80%;

margin: 0 auto;

background: #ccc;

text-align: center;

}

#box > img {

display: inline-block;

padding: 1.5%;

width: 21%;

height: 200px;

}

/*此处写代码*/

@media (max-width: 960px) {

#box > img {

width: 26.66667%;

}

@media (max-width: 780px) {

#box > img {

width: 40%;

}

@media (max-width: 440px) {

#box > img {

width: 80%;

}

</style>

</head>

<body>

<img

src="http://img.mukewang.com/climg/5a45e49100014e5010601059.jpg"

alt=""

<img

src="http://img.mukewang.com/climg/5a45e53b00012e6d09940789.jpg"

alt=""

<img

src="http://img.mukewang.com/climg/5a45e53c0001d04e09940732.jpg"

alt=""

<img

src="http://img.mukewang.com/climg/5a45e49100014e5010601059.jpg"

alt=""

<img

src="http://img.mukewang.com/climg/5a45e53b00012e6d09940789.jpg"

alt=""

<img

src="http://img.mukewang.com/climg/5a45e53c0001d04e09940732.jpg"

alt=""

</div>

</body>

</html>

写回答

1回答

好帮手慕星星

2021-04-21

同学你好，代码布局以及实现效果很棒。继续加油，祝学习愉快！

0 学习 · 15276 问题

查看课程

相似问题

老师请检查代码

回答 1

老师，请检查一下代码。。

回答 1

老师请检查

回答 1

请老师检查代码

回答 1

请老师检查代码，谢谢

回答 1

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