CSS-Based Technology to Achieve Rounded Rectangle

Zhou Jian-qiang · Journal of Xinzhou Teachers University · 2010

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 corners 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.

Read the paper · More papers on PaperTik