这样对吗?怎么感觉和效果图不太一样
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border属性</title>
<style type="text/css">
.container{
width:200px;
height:200px;
background-color:pink;
padding-left:100px;
padding-top:50px;
}
.content{
width:100px;
height:100px;
background-color:orange;
padding-left:30px;
padding-top:30px;
padding-right:30px;
}
span{background-color:yellow;}
</style>
</head>
<body>
<div class="container">
<div class="content">
<span>
我是span元素
</span>
</div>
</div>
</body>
</html>2
收起
正在回答
1回答
你好同学，实现的正确。之所以跟效果图不一样，是因为练习题给出的content盒子宽度比较小，所以里面的内容没有办法在一行显示的就被挤下去了。这个没有关系的，本题主要是为了让大家练习padding的使用，padding设置正确即可。
祝学习愉快，望采纳。
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星