css3 边框

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;

技术分享

 


 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。