码迷,mamicode.com
首页 > Web开发 > 详细

css3 边框

时间:2015-05-19 10:16:02      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

1.圆角

   border-radius:10px; /* 所有角都使用半径为10px的圆角 */ 

   border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 

    技术分享

2.阴影 box-shadow

    box-shadow是向盒子添加阴影。支持添加一个或者多个。

 语法:box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
外部阴影:
box-shadow:4px 2px 6px #333333;
内部阴影:
box-shadow:4px 2px 6px #333333 inset;
添加多个阴影:
box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;

技术分享

 


 

css3 边框

标签:

原文地址:http://www.cnblogs.com/jalja/p/4513597.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!