專(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://bikeshoes.com.cn/edu/2414.html