网页前端培训5盒子模型
作者：互联网
padding内边距
设置元素所有内边距的宽度或者是设置边上内边距的宽度
单独设置各边的内边距：padding-top padding-left paddling-bottom padding-right
border边框
设置边框的颜色、样式、宽度
单独设置： border-color
border-style
border-width
margin外边距
默认按照上右下左的顺序设定 设置一个值：上右下左都一致
设置两个值：上下一致，左右一致，设置三个值：上右下 左和右一致
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>盒子模型</title>
<style type="text/css">
#d1{
width: 100px;
height: 100px;
background-color: blue;
/* 设置边框 */
border: brown 10px outset;
/* 设置内边距 */
padding: 10px;
/* 设置外边距 */
margin-top: 100px;
margin-left: 100px;
}
</style>
</head>
<body>
<div id="d1">
</div>
</body>
</html>
标签：盒子,前端,100px,上右,padding,内边,设置,网页,border 来源： https://blog.csdn.net/qq_61176213/article/details/122821619