阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS3 box-shadow

      CSS3 box-shadow

      向 div 元素添加阴影:

      div {
          box-shadow: 10px 10px 5px #888888;
      }
      

      浏览器支持

      表格中的数字表示支持该属性的第一个浏览器版本号。

      紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

      属性IEChromeFFsafariOpen
      box-shadow10.0 -webkit-9.0.04.0 (2.0)[3]
      3.5(1.9.1)
      -moz
      5.1[1]
      3.0
      -webkit
      10.5[1]
      -o-

      属性定义及使用说明

      box-shadow属性可以设置一个或多个下拉阴影的框。

      默认值:none
      继承:no
      版本:CSS3
      JavaScript 语法:object.style.boxShadow=“10px 10px 5px #888888”

      语法

      box-shadow: h-shadow v-shadow blur spread color inset;
      

      **注意:**boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表,每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。

      说明
      h-shadow必需的。水平阴影的位置。允许负值
      v-shadow必需的。垂直阴影的位置。允许负值
      blur可选。模糊距离
      spread可选。阴影的大小
      color可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表
      inset可选。从外层的阴影(开始时)改变阴影内侧阴影

      相关文章

      目录
      目录