美文网首页
CSS3盒子阴影

CSS3盒子阴影

作者: R5_菜鸟 | 来源:发表于2017-09-12 20:16 被阅读0次

div{

        width: 200px;

        height: 200px;

        background-color: red;

         box-shadow: 0px 0px 30px #000 inset;

         /*inset 内阴影*/

         /*默认为外阴影*/

}

相关文章

  • border 内边框设置圆角

    CSS3 设置盒子三边内阴影、双边内阴影、单边内阴影

  • CSS3 盒子模型

    @(HTML5)[CSS3盒子模型] [TOC] 六 、CSS3盒子模型 盒子阴影 box-shadow h-sh...

  • 第3章 CSS3边框-5

    3.5 CSS3盒子阴影属性 box-shadow用来定义元素的盒子阴影。 3.5.1 box-shadow属性的...

  • CSS3 基础(2)——文本效果和字体

    CSS3 文本效果 text-shadow 文本阴影 box-shadow 盒子阴影 text-overflow文...

  • 盒子阴影

    CSS3中新增了盒子阴影,我们可以使用box-shadow属性为盒子添加阴影。 语法: 默认: 1.默认的是 外阴...

  • CSS3 - 盒子阴影

    box-shadow 属性用于向盒子添加一个或多个阴影效果。offset-x:阴影的水平偏移量。正数向右偏移,负数...

  • CSS3基础

    CSS3基础 -- 边框 圆角效果 向元素添加圆角边框 阴影 box-shadow 向盒子添加阴影。支持一个或者...

  • CSS3盒子阴影

    div{ width: 200px; height: 200px; background-...

  • CSS3 盒子阴影、尺寸、空间

    一.盒子阴影 二.盒子尺寸 1.盒子最大最小尺寸 该元素宽度,不论如何拉伸压缩,相对于浏览器始终保持80%的大小;...

  • CSS3 弹性盒子(Flex Box)

    CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexib...

网友评论

      本文标题:CSS3盒子阴影

      本文链接:https://www.haomeiwen.com/subject/vbkhsxtx.html