Css3 implements complete code for div rounded corners

In this example, CSS 3 is used to achieve Div rounded corners. Implement css3 of rounded cornersCode"Border-radius: 20px ;". Use a browser that supports css3, such as chrome, Firefox, or ie9. IE6, 7, and 8 are not supported.

 <!  Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  >  <  Html  Xmlns  = "Http://www.w3.org/1999/xhtml"  >  <  Head  >      < Title  > CSS 3 implements Div rounded corners-css3 tutorial-planning-blog Garden </  Title  >      <  Meta  Name  = "Keywords"  Content  = "Www.cnblogs.com/jihua"  />      <  Style  Type  = "Text/CSS" >  # Yuanjiao  {  Font-family  :  Arial  ;  Border  :  2px solid #379082  ;  Border-radius :  20px  ;  Padding  :  30px 30px  ;  Width  :  330px  ;   } </  Style  >   </  Head  >  <  Body  >  <  Div  ID  = "Yuanjiao"  >  In this example, CSS 3 is used to achieve Div rounded corners. "Border-radius: 20px ;". Use a browser that supports css3, such as chrome, Firefox, or ie9. IE6, 7, and 8 are not supported.  < BR  /> <  BR  />  Blog Park Plan css3 tutorial  <  BR  />  Jihua.cnblogs.com  </  Div  >  </  Body  >  </  Html > 

(Chrome ):

 

 

Actual Effect (use a browser that supports css3 ):

In this example, CSS 3 is used to achieve Div rounded corners. "Border-radius: 20px ;". Use a browser that supports css3, such as chrome, Firefox, or ie9. IE6, 7, and 8 are not supported.

Blog Park Plan css3 tutorial
Jihua.cnblogs.com