CSS——盒子模型和border-radius
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括: 边距 , 边框 , 填充 ,和 实际内容 。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
我们可以同过调整元素的内外边距、边框来实现元素的位置调整
border-radius顾名思义即边框半径,我们常常利用这个属性来进行元素边框半径的调整,比如说制作圆形的图像。
说了这么多,那么什么是边框半径呢?
一个块元素有四个角,边框半径就相当于在每个角上面嵌套了四个小圆形
举一反三,我们就可以用border-radius来实现半圆和圆形了
PS:我们也可以使用百分比来作为border-radius的值,比如圆形的话直接border-radius:50%就可以实现了~~
下一篇:CSS 盒模型
多重随机标签