这样可以吗

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

这样可以吗

来源：3-24 编程练习

unbreakable_全栈

2020-09-06 22:04:59

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

#box{

width:80%;

margin:0 auto;

background: #ccc;

text-align:center;

}

#box>img{

display: inline-block;

padding:1.5%;

width:84%;

height:200px;

}

@media (min-width: 440px) {

#box>img {

width: 42%;

}

}

@media (min-width:780px) {

#box>img{width:28%;}

}

@media (min-width:960px){

#box>img{width:21%}

}

/*此处写代码*/

</style>

</head>

<body>

<div id="box">

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

好帮手慕言

好帮手慕言

2020-09-07

已采纳

同学你好，整体效果是可以的，继续加油，祝学习愉快~

0

0 学习 · 6815 问题

相似问题

这样可以吗

回答 1

老师这样可以？？？

回答 1

这样可以吗

回答 2

老师这样可以吗

回答 1

老师帮我看看代码这样可以吗？

回答 2

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