摘要
圆角矩形是网页设计中的常用元素,在页面布局时经常会用到,但至今尚没有一个完美的解决方案。在传统设计中,为了实现圆角矩形效果,大都使用带圆角的图片作为背景,这种方法必然导致对图片的反复调用,降低页面的加载速度,造成不良的用户体验。文章从一个新的角度出发,单纯使用CSS2.0技术实现了圆角矩形。这种方法不再需要调用图片,只调用简短的CSS代码,大大节省了网络带宽,同时取得了较优质的视觉效果,而且在不同种类和版本的浏览器中具有良好的兼容性。
Rounded rectangle is a commonly used element in web design, it is often used in page layout. But we still have not a perfect solution. In traditional design, in order to achieve rounded rectangle, most of them use the picture with rounded comers as a background, this method will inevitably lead to the repeated calls of the picture, reduce the page loading speed, bring about a bad user experience. From a new perspective, this article has simply used the CSS2.0 technology to achieve the rounded rectangle, this method no longer need to call the picture, only calls some CSS code, significant savings in the network bandwidth, and has made more high - quality visual effects,but also has good compatibility in different types and versions of browsers.
出处
《忻州师范学院学报》
2010年第5期28-30,共3页
Journal of Xinzhou Teachers University
关键词
圆角矩形
网页设计
容器
rounded rectangle
web design
container
