已解决430363个问题，去搜搜看，总会有你想问的

padding 的用法不理解？

首页猿问 padding 的用法不理解？

padding 的用法不理解？

Html/CSS

新人沈琦斌 2016-06-26 16:42:16

学习到padding这里了，意思及用法感觉不理解。<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title> <style> div { border:1px red solid; width:100px; height:100px; margin:100px; padding:100px; } </style></head><body> <div id="d1"> <p>我爱慕课网！</p></div></body></html>这段代码，我现在想把我爱慕课网这几个字设置距离div标签的上边框100px，该如何设置？

查看完整描述

2 回答

已采纳

super_mb

TA贡献101条经验获得超107个赞

首先，由于浏览器对每个标签都有其默认的样式，为了保证标签的样式能和你设置的一致，你就需要先对所有的标签设置一个初始化的样式，先把所有的内边距和外边距设置为0：

* {

margin: 0;

padding: 0;

}

然后你这时候想让文字距离div上边框100px，你可以：

div {

padding-top: 100px; /*div的上内边距为100px*/

}

就可以实现你这个效果。

1 反对回复 2016-06-26

业余奶茶品鉴师

TA贡献260条经验获得超388个赞

p {
display: inline;
}

1 反对回复 2016-06-26

2 回答
0 关注
1447 浏览

关注

padding 的用法不理解？

padding 的用法不理解？

2 回答

相关问题推荐

添加回答

热搜

最近搜索清空

padding 的用法不理解？

padding 的用法不理解？

2 回答

相关问题推荐

添加回答