專(zhuān)注搜索競(jìng)價(jià)代運(yùn)營(yíng)

成長(zhǎng)之選 ，效果之道！

免費(fèi)咨詢(xún)熱線：17636682598

css怎么將邊框設(shè)置為圓角

border-radius（含義是"邊框半徑"）。你為這個(gè)屬性提供一個(gè)值，em、ex、pt、px、百分比等等,就能同時(shí)設(shè)置四個(gè)圓角的半徑達(dá)到圓角或光暈效果

css邊框圓角效果代碼

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 width: 400px; 
  9.                 height: 400px; 
  10.                 border-style: solid; 
  11.                 border-width: 10px; 
  12.                 border-color: aqua; 
  13.                 border-radius:50%;/* 四角變圓 */ 
  14.              
  15.             } 
  16.         </style> 
  17.     </head> 
  18.     <body> 
  19.         <div class="num2"> 
  20.             css邊框圓角效果代碼 
  21.         </div> 
  22.     </body> 
  23. </html> 

css邊框圓角設(shè)置那個(gè)屬性

CSS圓角只需設(shè)置一個(gè)屬性：border-radius（含義是"邊框半徑"）。你為這個(gè)屬性提供一個(gè)值，就能同時(shí)設(shè)置四個(gè)圓角的半徑。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

border-radius可以同時(shí)設(shè)置1到4個(gè)值：如果設(shè)置1個(gè)值，表示4個(gè)圓角都使用這個(gè)值。

本文分類(lèi)：營(yíng)銷(xiāo)學(xué)院

瀏覽次數(shù)：27次瀏覽

發(fā)布日期：2022-07-04 15:40:49

本文鏈接：http://www.marcrown.com/edu/2416.html