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

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

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

css邊框陰影怎么設(shè)置

css邊框陰影光感效果怎么寫代碼，為什么設(shè)置后顯示沒有反應(yīng)，四邊不起作用屬性設(shè)置也對(duì)著了

css邊框陰影設(shè)置光暈效果

  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.                 box-shadow: 10px 10px 10px; 
  14.                 border-radius:50%;/* 四角變圓 */ 
  15.                 box-shadow: 0 0 50px rgb(166,124,64);/* 邊框光暈效果 */ 
  16.             } 
  17.         </style> 
  18.     </head> 
  19.     <body> 
  20.         <div class="num2"> 
  21.             邊框光暈效果 
  22.         </div> 
  23.     </body> 
  24. </html> 

css邊框陰影設(shè)置

  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.                 box-shadow: 10px 10px 10px;/* 邊框陰影設(shè)置 */ 
  14.             } 
  15.         </style> 
  16.     </head> 
  17.     <body> 
  18.         <div class="num2"> 
  19.             邊框陰影設(shè)置 
  20.         </div> 
  21.     </body> 
  22. </html> 

本文分類：營(yíng)銷學(xué)院

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

發(fā)布日期：2022-07-04 15:28:05

本文鏈接：http://m.24hourphotoeditor.com/edu/2415.html