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

成長之選 ，效果之道！

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

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

css邊框線屬性怎么設(shè)置，控制顏色、粗細(xì)、長短、虛線、實(shí)線、雙標(biāo)線屬性是那個(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邊框線怎么設(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è)置無邊框線

  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.             無邊框線 
  15.         </div> 
  16.     </body> 
  17. </html> 

css怎么設(shè)置雙線

  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.             雙線  
  15.         </div> 
  16.     </body> 
  17. </html> 

css怎么設(shè)置虛線

  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.             虛線 
  15.         </div> 
  16.     </body> 
  17. </html> 

css怎么設(shè)置實(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.             } 
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"> 
  14.             實(shí)線 
  15.         </div> 
  16.     </body> 
  17. </html> 

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

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

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

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