CSS3 Code Tutorial to complete a box fillet effect

This example is CSS3 implementation P fillet. The CSS3 code sentence that implements the fillet is: "border-radius:20px;". Use a browser that supports CSS3, such as a new version of Chrome, Firefox, or IE9. IE6, 7, 8 not supported

The code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 
This example is CSS3 implementation P fillet. The CSS3 code sentence that implements the fillet is: "border-radius:20px;". Use a browser that supports CSS3, such as a new version of Chrome, Firefox, or IE9. IE6, 7, 8 are not supported.
Script House CSS3 Tutorial
</p>
</body>

(Chrome):

Actual effect (please use a browser that supports CSS3):

This example is CSS3 implementation P fillet. The CSS3 code sentence that implements the fillet is: "border-radius:20px;". Use a browser that supports CSS3, such as a new version of Chrome, Firefox, or IE9. IE6, 7, 8 are not supported.

"Recommended"

1. CSS3 Free Video Tutorial

2. Teach you how to write a standard CSS style

3. Tutorial on using H5 and CSS3 forms validation

4. Complete the code of the gradually glowing border by CSS3 pseudo-elements

5. CSS3 Complete picture Lowpoly animation effect of the process detailed