【论文】基于CSS技术的圆角矩形的实现.pdfVIP

第26卷第5期 忻州师范学院学报 V01．26No．5 OFXINZHOUTEACHERSUNIVERSITY Oct．2010 2010年lO月 JOURNAL 基于CSS技术的圆角矩形的实现 周剑强 (忻州职业技术学院，山西忻州034000) 摘 要：圆角矩形是网页设计中的常用元素，在页面布局时经常会用到，但至今尚没有一 个完美的解决方案。在传统设计中，为了实现圆角矩形效果，大都使用带圆角的图片作为背 景，这种方法必然导致对图片的反复调用，降低页面的加载速度，造成不良的用户体验。文章 从一个新的角度出发。单纯使用CSS2．0技术实现了圆角矩形。这种方法不再需要调用图片， 只调用简短的CSS代码，大大节省了网络带宽，同时取得了较优质的视觉效果，而且在不同种 类和版本的浏览器中具有良好的兼容性。 关键词：圆角矩形；网页设计；容器