基于CSS技术的圆角矩形的实现

摘要

圆角矩形是网页设计中的常用元素,在页面布局时经常会用到,但至今尚没有一个完美的解决方案.在传统设计中,为了实现圆角矩形效果,大都使用带圆角的图片作为背景,这种方法必然导致对图片的反复调用,降低页面的加载速度,造成不良的用户体验.文章从一个新的角度出发,单纯使用CSS2.0技术实现了圆角矩形.这种方法不再需要调用图片,只调用简短的CSS代码,大大节省了网络带宽,同时取得了较优质的视觉效果,而且在不同种类和版本的浏览器中具有良好的兼容性.