logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

CSS 容器装饰(border-radius, box-shadow)

  • 使用 bott radio 设置容器圆角效果。
  • boat top left radius 设置左上角圆角为10像素。
  • bob bottom right radius 设置右下角圆角为25像素。
  • border top right radius 设置右上角圆角。
  • border boat left radius 设置左下角圆角。
  • 使用 bwd radio 可以让四个角均设为25像素的圆角效果。
  • box shadow 添加元素阴影效果,值为组合值并用空格分隔。
    • 第一个值:阴影在x轴偏移量(例:向右偏移5像素)。
    • 第二个值:阴影在y轴偏移量(例:向下偏移5像素)。
    • 第三个值:提供阴影颜色(例:black),可设模糊半径增加模糊程度。
  • 可修改阴影的颜色和透明度,改用 RGBA 表达方式。