盒子模型
目录:
1、
2、
3、
4、
5、
盒子模型:https://www.runoob.com/css/css-boxmodel.html
属性
最小宽度最小高度这些用于适配手机端。
height : 设置元素高度
width : 设置元素的宽度
max-height : 设置元素最大高度
max-width : 设置元素最大宽度
min-height : 设置元素最小高度
min-width : 设置元素最小宽度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#box{
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>
内边距padding
padding : https://www.runoob.com/cssref/pr-padding.html





加上内容看看效果:
发现内容与盒子之间有距离,也就是有内边距padding。

边框 border



设置边框圆角



外边距 margin




相关推荐
qiupu 2020-11-04
jiedinghui 2020-10-25
Ladyseven 2020-10-22
hellowzm 2020-10-12
zuncle 2020-09-28
Ladyseven 2020-09-11
jiedinghui 2020-09-07
xiaohuli 2020-09-02
葉無聞 2020-09-01
impress 2020-08-26
ThikHome 2020-08-24
nicepainkiller 2020-08-20
hellowzm 2020-08-18