CSS设置盒子阴影

语法 box-shadow: *h-shadow v-shadow blur spread color* inset;

注释: box-shadow向框添加一个或多个阴影. 该属性是由逗号分隔的阴影列表,每个阴影由2-4个长度值、可选的颜色值及可选的inset关键词来规定。省略长度的值是0。

外阴影

a、给元素右边框和下边框加外阴影——把水平阴影位置、垂直阴影位置偏移值均设为正值 在这里插入图片描述

css代码

/* 阴影向右偏移10px、向下偏移10px、模糊距离为20px、阴影尺寸为10px、颜色为pink*/

 box-shadow: 10px 10px 20px 10px pink; 

相关推荐

  1. css 设置div阴影样式

    2024-02-16 12:58:01       10 阅读
  2. css——box-shadow阴影效果

    2024-02-16 12:58:01       34 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-16 12:58:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-16 12:58:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-16 12:58:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-16 12:58:01       18 阅读

热门阅读

  1. Error: error:0308010C:digital envelope routines::unsupported

    2024-02-16 12:58:01       28 阅读
  2. Python实用代码之:如何找两个数的最大公因数?

    2024-02-16 12:58:01       37 阅读
  3. 【水文】判断同构数

    2024-02-16 12:58:01       32 阅读
  4. VUE 字段为空时,一个class搞定,适用多种情形

    2024-02-16 12:58:01       30 阅读
  5. 《仙人有神功》第六章 天然岩洞

    2024-02-16 12:58:01       27 阅读
  6. 【C语言】(20)动态内存分配

    2024-02-16 12:58:01       30 阅读