老师，为什么我的代码和效果图不一样啊？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border属性</title>
<style type="text/css">
.container{
width:200px;
height:200px;
background-color:pink;
/*补充样式*/
}
.content{
width:100px;
height:100px;
background-color:orange;
/*补充样式*/
padding-top:50px;
padding-left:100px;
padding-right:30px;
}
span{background-color:yellow;
padding-top:30px;
padding-left:30px;
padding-right:30px;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<span>
我是span元素
</span>
</div>
</div>
</body>
</html>0
收起
正在回答
4回答
你好同学 ,因为padding设置的不对 . padding是设置容器与它里面的内容之间的间距的 , 所以要加在容器上面 . 例如如下:
对于container来说 , content是它里面的内容 ,所以设置container与content的间距 ,要加在容器container上面 .
如下修改:
完善一下吧 , 祝学习愉快 望采纳 .
ZPF_NEXT
2018-12-11 01:14:41
<!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;
padding-right:30px;
}
.content{
width:100px;
height:100px;
background-color:orange;
/*补充样式*/
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>
qq_摩羯座丶的男人_0
2018-12-10 17:31:25
首先span不是块级元素不能加,padding.,其次你的padding都刚好加错了地方.那个div需要加padding就在哪个div加
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星