盒子阴影

2019-01-11 08:40:21来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折


    h1{ /*文字阴影*/
font-size: 100px;
text-shadow: 10px 3px 3px rgba(0,0,0,.5) ;
}
div{ /*盒子阴影*/
width: 200px;
height: 200px;
border: 10px solid #cccccc;
/*box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸(影子大小) 阴影颜色*/
/*box-shadow:5px 5px 3px 4px rgba(0,0,0,.4);*/
box-shadow: 0 15px 30px rgba(0,0,0,.5); /*类似小米官网商品动态*/
}




<h1>三生三世十里桃花</h1>

<div></div>








标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:前端常用技术概述--Less、typescript与webpack

下一篇:【代码笔记】Web-CSS-CSS 语法