jQuery圆角插件 >> 张鑫旭-鑫空间-鑫生活

一、最简单的使用

DIV #radius_1

$("#radius_1").corners();

二、定义内部颜色

DIV #radius_2

$("#radius_2").corners({ inColor: "#a0b3d6" });

三、定义外部补角颜色

DIV #radius_3

$("#radius_3").corners({ inColor: "#a0b3d6", outColor: "#34538b" });

四、定义边框属性

DIV #radius_4

$("#radius_4").corners({ borderSize: 2, borderColor: "#34538b" });

五、自定义圆角的大小

DIV #radius_5

$("#radius_5").corners({ radio: 40 });

六、属性综合演示

DIV #radius_6

$("#radius_6").corners({ radio: 40, inColor: "#f0f3f9", outColor: "#cad5eb", borderSize: 2, borderColor: "#828da1" });