CSS盒子模型
属性名
- content
- padding填充:内容与边框之间的空隙,即内边距。(四个px数值:上右下左边距)
- left
- right
- top
- bottom
- border:元素边框
- margin边界:元素之间的空隙,即外边距。属性与padding一样。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CreateBoxModel</title>
<style type="text/css">
.Servant{
border: 1px solid black;
background-color: antiquewhite;
padding: 10px 10px;
background-clip: content-box; /*盒子模式*/
margin: 100px;
}
</style>
</head>
<body>
<div class="Servant">Saber</div>
</body>
</html>