專注搜索競價(jià)代運(yùn)營

成長之選 ,效果之道!

免費(fèi)咨詢熱線: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è)值。

本文分類:營銷學(xué)院

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

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

本文鏈接:http://bikeshoes.com.cn/edu/2416.html