HTML的盒子(div)

每一个标签都是一个盒子。

每一个盒子都有四个属性
(1)内容(content:height、width)
盒子里装的东西;
网页中通常是指文字和图片。

(2)填充(padding-上右下左:padding-top、padding-right、padding-bottom、padding-left)内边距
怕盒子里装的(贵重的)东西损坏,而添加不泡沫或者其他搞震的辅料。

(3)边框(borde-上右下左r:border-top、border-right、border-bottom、border-left;border-width、border-style、border-color、border-radius)盒子本身

(4)边界(margin-上右下左:margin-top、margin-right、margin-bottom、margin-left)外边距
盒子摆放的时候的不能全部堆在一起,盒子之间要留一定空隙保持通风,同时也为了方便取出。

div{
width: 300px;
height: 200px;
background-color: red;
/边框设置/
border: 5px solid green;
/内边距设置/
padding: 10px 5px 15px 20px;
/外边距设置/
margin: 5px 10px 15px 20px;
}

发布了804 篇原创文章 · 获赞 135 · 访问量 142万+

猜你喜欢

转载自blog.csdn.net/potato512/article/details/105191261