box-shadow outline 实现双边框 阴影

文字阴影
  1. text-shadow
  2. box-shadow
 
格式：text-shadow：x y blur color, … 参数 x        横向偏移 y        纵向偏移 blur        模糊距离 color        阴影颜色 文本阴影如果加很多层，会很卡很卡很卡
没有border-shadow  这一项
 
 
 
效果：

 

 

 
 

 

 

 
 
 
 
  
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <style>
 7 *{margin: 0;padding: 0;}
 8 .box{width: 100px;height: 100px;border:5px solid red;outline:9px solid blue;}
 9  
10     </style>
11 </head>
12 <body>
13     <div class="box"></div>
14 </body>
15 </html>
16

 

 
 
 
 
 
 
 
 
outline
 
 
posted @ 2017-05-18 11:53  liliyou  阅读(458)  评论(0)  编辑  收藏  举报