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

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

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

css邊框線(xiàn)怎么設(shè)置

css邊框線(xiàn)屬性怎么設(shè)置，控制顏色、粗細(xì)、長(zhǎng)短、虛線(xiàn)、實(shí)線(xiàn)、雙標(biāo)線(xiàn)屬性是那個(gè)，邊框如何設(shè)置圓角加陰影效果

css如何設(shè)置邊框顏色

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 border-style: solid; 
  9.                 border-width: 10px; 
  10.                 border-color: aqua;/* 邊框顏色 */ 
  11.             } 
  12.         </style> 
  13.     </head> 
  14.     <body> 
  15.         <div class="num2"> 
  16.             邊框粗細(xì) 
  17.         </div> 
  18.     </body> 
  19. </html> 

css邊框線(xiàn)怎么設(shè)置粗細(xì)

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 border-style: solid; 
  9.                 border-width: 10px; 
  10.             } 
  11.         </style> 
  12.     </head> 
  13.     <body> 
  14.         <div class="num2"> 
  15.             邊框粗細(xì) 
  16.         </div> 
  17.     </body> 
  18. </html> 

css怎么設(shè)置無(wú)邊框線(xiàn)

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 border-style: none; 
  9.             } 
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"> 
  14.             無(wú)邊框線(xiàn) 
  15.         </div> 
  16.     </body> 
  17. </html> 

css怎么設(shè)置雙線(xiàn)

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 border-style: double; 
  9.             } 
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"> 
  14.             雙線(xiàn)  
  15.         </div> 
  16.     </body> 
  17. </html> 

css怎么設(shè)置虛線(xiàn)

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 border-style: dashed; 
  9.             } 
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"> 
  14.             虛線(xiàn) 
  15.         </div> 
  16.     </body> 
  17. </html> 

css怎么設(shè)置實(shí)線(xiàn)

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 border-style: solid; 
  9.             } 
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"> 
  14.             實(shí)線(xiàn) 
  15.         </div> 
  16.     </body> 
  17. </html> 

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

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

發(fā)布日期：2022-07-04 15:10:44

本文鏈接：http://www.865land.com/edu/2414.html