CSS to make rounded rectangles with borders

Today we're going to make a rounded rectangle button, so directly to find a rounded rectangle of CSS implementation, for a half-day, although also realize the effect, but very complex, need to use a lot of code, then suddenly thought of a previous done a border effect, but also rounded rectangle, so found out, Find this method quite simple and the effect is not bad, here to share briefly.

There are comments in the key sections.

<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd" >
CSS borders have many styles, you can also change the properties of the border to achieve other effects, please see: http://www.w3school.com.cn/css/css_border.asp