- <!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個圓角都使用這個值。