当前位置: 代码迷 >> 综合 >> CSS3新边框属性 border-radius 、box-shadow、border-image
  详细解决方案

CSS3新边框属性 border-radius 、box-shadow、border-image

热度:105   发布时间:2023-11-22 22:45:54.0

border-radius 盒子圆角

border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性
例子:

border-radius:2em;
is equivalent to://等同于的意思
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

box-shadow 盒子阴影

语法: box-shadow: h-shadow v-shadow blur(模糊距离) spread(阴影大小) color(阴影颜色) inset(内阴影);是六个属性
注意 inset表示内阴影,默认是外阴影显示
在这里插入图片描述

border-image 边框图片

在这里插入图片描述

  相关解决方案