麻烦老师检查一下
来源：3-4 编程练习
慕侠6427322
2019-04-10 21:19:07
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的宽度</title>
<style type="text/css">
/*补充代码*/
div{width:600px; background-color:pink;}
.p1{width:50%; background-color:yellow;}
.p2{max-width:30%; background-color:yellow;}
.p3{min-width:70%; background-color:yellow;}
</style>
</head>
<body>
<div>
<p class="p1">第一个P标签是父元素宽度的50%</p>
<p class="p2">第二个P标签的最大宽度是父元素的30%</p>
<p class="p3">第三个P标签的最小宽度是父元素的70%</p>
</div>
</body>
</html>
写回答
1回答
-
好帮手慕夭夭
2019-04-11
你好同学，效果实现了，代码可以如下简化一下更好：
div p 是选择div下面所有的p, 一样的样式，可以如下方式放在一起更简洁
祝学习愉快 ，望采纳。
0
