padding 的用法不理解？

学习到padding这里了，意思及用法感觉不理解。

<head>

<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，该如何设置？

新人沈琦斌

浏览 1448回答 2

2回答

super_mb

首先，由于浏览器对每个标签都有其默认的样式，为了保证标签的样式能和你设置的一致，你就需要先对所有的标签设置一个初始化的样式，先把所有的内边距和外边距设置为0：* { margin: 0; padding: 0;}然后你这时候想让文字距离div上边框100px，你可以：div { padding-top: 100px; /*div的上内边距为100px*/}就可以实现你这个效果。

业余奶茶品鉴师

p { display: inline;}

随时随地看视频慕课网APP