padding 的用法不理解？
学习到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，该如何设置？
新人沈琦斌浏览 1448回答 2
2回答
-
super_mb
首先，由于浏览器对每个标签都有其默认的样式，为了保证标签的样式能和你设置的一致，你就需要先对所有的标签设置一个初始化的样式，先把所有的内边距和外边距设置为0：* { margin: 0; padding: 0;}然后你这时候想让文字距离div上边框100px，你可以：div { padding-top: 100px; /*div的上内边距为100px*/}就可以实现你这个效果。 -
业余奶茶品鉴师
p { display: inline;}
随时随地看视频慕课网APP
Html/CSS