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定义的属性无效