当前位置:编程学习 > html/css >>

css3 内外同时有阴影

div{ box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset; box-shadow: 0px 0px 5px rgba(200,200,200,0.5); width:300px; height:400px; margin:40px auto; background-color: rgba(20,20,20,50); border-radius:4px; border:2px solid rgba(70,70,70,1); } 就像上面,如果写两个box-shadow下面的就会把上面的覆盖,有什么方法可以同时有内阴影和外发光效果??(不要说用两层div,太麻烦了)
答案:div{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset,0px 0px 5px rgba(200,200,200,0.5);
	width:300px;
	height:400px;
	margin:40px auto;
	background-color: rgba(66,66,66,0.2);
	border-radius:4px;
	border:2px solid rgba(70,70,70,1);
}

用 , 号并在一行

上一个:急!用DW 里面CSS 定位我不想换行为什么会换行?右边的选相对上不到左边的这一行里面,选绝对就跑到左上角
下一个:DIV+CSS,CLASS定义的属性无效

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,