美文网首页
盒子阴影

盒子阴影

作者: Simon_s | 来源:发表于2016-09-27 19:05 被阅读11次

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>盒子阴影</title>
<style>
#box{
width: 100px;
height: 100px;
margin: 100px auto;
background-color: blue;
/*X偏移量 Y偏移量 阴影模糊距离 阴影距离 阴影颜色 */
box-shadow: 2px 2px 2px 10px red;
}

</style>

</head>
<body>
<div id="box"></div>
</body>
</html>

相关文章

  • 14-CSS盒子阴影和文字阴影

    盒子阴影 如何给盒子添加阴影box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影; 注...

  • 2017-02-27 CSS3学习笔记

    盒子阴影和文字阴影 如何给盒子添加阴影box-shadow: 水平位移 垂直位移 模糊度 阴影扩展 阴影颜色 内外...

  • CSS3--盒子阴影

    盒子阴影 格式box-shadow:水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影; 注意点盒子的阴影分...

  • 2D转换模块

    盒子阴影和文字阴影 1.如何给盒子添加阴影 1box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜...

  • 盒子阴影

    盒子阴影 #box{width: 100px;height: 100px;...

  • 盒子阴影

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

  • 盒子阴影,文字阴影

    ei9以下不支持,要加上浏览器内核前缀(-webkit-) 盒子阴影:box-shadow box-shadow:...

  • 文本阴影

    盒子阴影 和 文本阴影区别;文本阴影只有三个值,盒子阴影有四个值; 文本阴影是什么。咱们先看看原图: 咱看一下...

  • 盒子阴影和文字阴影

    盒子阴影 说明 box-shadow 属性可以给元素边框周围添加一个或者多个阴影效果。定义多个阴影,使用逗号分隔。...

  • border 内边框设置圆角

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

网友评论

      本文标题:盒子阴影

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