【css技术指南笔记】七章 border-radius box-shadow
博客专区 > 郑二 的博客 > 博客详情
【css技术指南笔记】七章 border-radius box-shadow
郑二 发表于3年前
【css技术指南笔记】七章 border-radius box-shadow
  • 发表于 3年前
  • 阅读 20
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: border-radius box-shadow

border-radius:10px 6px 4px 12px / 20px 12px 8px 20px; //4 个 X 轴值,4 个 Y 轴值

顺序为 左上,右上,右下,左下

阴影

box-shadow:4px 4px 5px 8px #444 inset;

假设是太阳的光造成的阴影;几个值分别代表:水平偏移量(太阳往左的距离),垂直量(太阳往上的距离),模糊量(阴影的模糊程度,0则就是实线),扩展量(将阴影延长多少,为负值时往里缩),颜色,阴影位于框内还是框外(inset、outset)

太阳越往左(水平偏移量)则右边的阴影越大,垂直偏移量同理

共有 人打赏支持
粉丝 0
博文 18
码字总数 4318
×
郑二
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: