红狐

DBku

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

border-radius:圆角

 

View Code
 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head runat="server">
 3     <title></title>
 4     <style type="text/css">
 5         #div1{border-radius:10px;background-color:#dddddd;border:2px solid #a1a1a1;height:100px;width:100px;float:left}
 6         #shadow{box-shadow:10px 10px 5px #888888;margin-left:20px;background-color:#dddddd;float:left;border:2px solid #a1a1a1;height:100px;width:100px;}
 7     </style>
 8 </head>
 9 <body>
10     <form id="form1" runat="server">
11     <div id="div1">
12     
13     </div>
14     <div id="shadow">
15         
16     </div>
17     </form>
18 </body>
19 </html>

 

 

 
 
主流浏览器都支持。(IE9.0以下不支持。悲剧)
 
  现在实现这些,真简单
 
 
 
 
posted on 2013-05-13 11:21  DBku  阅读(134)  评论(0)    收藏  举报