您的位置：首页 > Web前端 > CSS

CSS 设置圆角div和阴影效果

2015-02-12 10:56 405 查看 
</pre><pre name="code" class="html"><!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="div">
<img src="../img/b.jpg" width="200px">
aaa
</div>

<style type="text/css">

.div{
/*阴影效果*/
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}

.div{
background-color: hotpink;
width: 300px;
height: 400px;
/*圆角效果*/
border-radius: 20px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
}

img {
margin: 20px 0 0 20px;/*圆角效果*/
-webkit-border-radius: 20px; <span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5); box-shadow: inset 0 1px 5px rgba(0,0,0,.5); }</style></span><span style="font-family: Arial, Helvetica, sans-serif;"></body></html></span>




来源：http://myfetish.cn/
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                css
                                                圆角
                                                阴影
                                                div
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航