上海启嘟渡科技商贸有限公司
SEARCH

与我们合作

我们专注提供互联网一站式服务,助力企业品牌宣传多平台多途径导流量。
主营业务:网站建设、移动端微信小程序开发、营销推广、基础网络、品牌形象策划等

您也可通过下列途径与我们取得联系:

微 信: wxyunyingzhe

手 机: 15624122141

邮 箱:

CSS——盒子模型和border-radius

更新时间:2024-12-29 03:05:38

所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。

CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括: 边距 , 边框 , 填充 ,和 实际内容 。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

我们可以同过调整元素的内外边距、边框来实现元素的位置调整

border-radius顾名思义即边框半径,我们常常利用这个属性来进行元素边框半径的调整,比如说制作圆形的图像。

说了这么多,那么什么是边框半径呢?

一个块元素有四个角,边框半径就相当于在每个角上面嵌套了四个小圆形

举一反三,我们就可以用border-radius来实现半圆和圆形了

PS:我们也可以使用百分比来作为border-radius的值,比如圆形的话直接border-radius:50%就可以实现了~~

多重随机标签

猜你喜欢文章

QQ客服 电话咨询