CSS3 border属性

 时间:2024-10-25 02:33:35

1、CSS3属性中有许多边框属性,主要的有三个参数:border-image边框装饰图片border-radius边框半径box-shadow:盒子阴影具体来介绍上面的三个

CSS3 border属性

2、border-radius:Rpx 是以顶角为中心,以R为半径绘制圆角

CSS3 border属性
CSS3 border属性

3、上面的一个值代表四个角相同,也可以单独设置边角border-top-left-radius:2em; 左上角border-top-right-radius:2em; 右上角border-bottom-right-radius:2em; 右下角border-bottom-left-radius:2em; 左下角

CSS3 border属性

4、box-shadow是设置元素的阴影,box-shadow:x y 模糊度 颜色x为x轴的阴影的偏移量y为y轴的阴影的偏移量模糊度就是阴影的模糊程度颜色为阴影的颜色设置

CSS3 border属性
CSS3 border属性

5、当box-shadow写入三个参数的时候,模糊度将没有设置例如: box-shadow: 10px 10px #008000;

CSS3 border属性
CSS3 border属性

6、border-image有5个参数: border-image-source: url(Media/2.png); border-image-slice: border-image-width: border-image-outset: border-image-repeat:

CSS3 border属性
CSS3 border属性

7、总结: CSS3的网页边框属性: border-radius border-image box-shadow

  • winform怎么使用timer时间控件
  • VS如何为网站开发选择合适的数据源
  • stc12 引脚设置高阻抗模式如何设置
  • android studio 虚拟机adb.exe已停止工作的处理
  • 360安全浏览器如何禁止挖矿防护功能开启
  • 热门搜索
    防溺水手抄报大全图片 感恩手抄报 防溺水安全手抄报 关于清明的手抄报 春节手抄报图片 四年级数学手抄报 清明手抄报内容 我爱汉字手抄报 我爱阅读手抄报 校园安全手抄报内容