3-23 检查一下

来源:3-23 编程练习

ZZZZZzn

2020-07-01 23:29:14

<html>

<head>

    <meta charset="UTF-8">

<title>Document</title>

<style>

p{

color:red;

text-align:center;

}

@media(min-width:1100px){

p{color:red;}

}

@media(max-width:1099px){

p{color:orange;}

}

@media(max-width:959px){

p{color:yellow;}

}

@media(max-width:799px){

p{color:green;}

}

@media(max-width:749px){

p{color:#006633;}

}

@media(max-width:599px){

p{color:blue;}

}

@media(max-width:449px){

p{color:purple;}

}


</style>

</head>

<body>

<p>

我的颜色会随着屏幕大小的变化而变化。

</p>

</body>

</html>


写回答

1回答

好帮手慕久久

2020-07-02

同学你好,代码正确,很棒,祝学习愉快!

0

0 学习 · 6815 问题

查看课程