- <!DOCTYPE html>
 - <html>
 - <head>
 - <meta charset="utf-8">
 - <title>通高科技</title>
 - <style>
 - .num2{
 - width: 400px;
 - height: 400px;
 - border-style: solid;
 - border-width: 10px;
 - border-color: aqua;
 - border-radius:50%;/* 四角變圓 */
 - }
 - </style>
 - </head>
 - <body>
 - <div class="num2">
 - css邊框圓角效果代碼
 - </div>
 - </body>
 - </html>
 
CSS圓角只需設(shè)置一個屬性:border-radius(含義是"邊框半徑")。你為這個屬性提供一個值,就能同時設(shè)置四個圓角的半徑。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。
border-radius可以同時設(shè)置1到4個值:如果設(shè)置1個值,表示4個圓角都使用這個值。