老师,请检查代码
来源:3-19 编程练习
慕函数4436287
2019-03-29 13:29:07
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border属性</title>
<style type="text/css">
.container{
width:200px;
height:200px;
background-color:pink;
/*补充样式*/
padding-top:50px;
padding-left:100px;
}
.content{
width:100px;
height:100px;
background-color:purple;
/*补充样式*/
padding-top:30px;
padding-left:30px;
padding-right:30px;
}
span{background-color:yellow;}
</style>
</head>
<body>
<div class="container">
<div class="content">
<span>
我是span元素
</span>
</div>
</div>
</body>
</html>
1回答
好帮手慕码
2019-03-29
同学你好!代码实现很好,这里代码可以优化一下~
我们来具体了解下padding,它是用来设置内边距的,有三种写法:
例如:
(1)"padding:20px;"表示四个方向的内边距都是20px;
(2)"padding:20px 40px;"表示padding-top和padding-bottom为20px,padding-right和padding-left为40px。
(3)"padding:20px 40px 60px 80px;"表示padding-top为20px,padding-right为40px,padding-bottom为60px,padding-left为80px。大家按照顺时针方向记忆就可以了。
如果解决了你的疑惑,望采纳, 祝学习愉快~~~