Tip: You can modify some of the code before running
<ptml> <pead> <meta charset= "Utf-8"/> <title>css3 Border-radius Properties </TITLE&G T <style> Circle {background-color: #f00; width:600px; /* div width and height of 600px is the square of the edges 600px * * height:600px; Text-align:center; -moz-border-radius:300px; /* The radius of the circle is half the length of the side, that is, 300px * *-webkit-border-radius:300px; border-radius:300px; Display:-moz-box; Display:-webkit-box; Display:box; -moz-box-orient:horizontal; -webkit-box-orient:horizontal; Box-orient:horizontal; -moz-box-pack:center; -moz-box-align:center; -webkit-box-pack:center; -webkit-box-align:center; Box-pack:center; Box-align:center; Font:normal 80px/100% Arial; text-shadow:1px 1px 1px #000; Color: #fff; } </style> </pead> <body> <div class= "Circle" > hello,world! </div> </body> </ptml></td> </tr> </table>
Tip: You can modify some of the code before running
