???????CSS5 > DIV CSS???? >

div ?????????????????????

?????????2019-06-03 23:26:28 ?????CSS5.COM.CN

??HTML???????????????<div>??????

????

??DIV?????????????????div???????????CSS border?????????????

??????????DIV?????????????????html????

???div????????

1?????css???????

  1. border:1px solid #F00 

????????????????

2??div???????
???????

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>www.CSS5.com.cn</title> 
  6. <style> 
  7. .a-4{ border:1px solid #F00} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div class="a-4">???????</div> 
  12. </body> 
  13. </html> 

????????

??div ???

???border????????div 4??????

????div??????

1???????????

  1. border-top:1px solid #F00 

2?????????????

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>www.CSS5.com.cn</title> 
  6. <style> 
  7. .a-top{ border-top:1px solid #F00} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div class="a-top">?????div????</div> 
  12. </body> 
  13. </html> 

3???????

div ???-????

????div?????

1???????????

  1. border-bottom:1px solid #000 

2?????????????

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>www.CSS5.com.cn</title> 
  6. <style> 
  7. .a-bottom{ border-bottom:1px solid #000} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div class="a-bottom">?????div???</div> 
  12. </body> 
  13. </html> 

3?????
????DIV????????

div ???-??????

???div??????

1???????????

  1. border-left:1px solid #000 

2???????????

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>www.CSS5.com.cn</title> 
  6. <style> 
  7. .a-left{ border-left:1px solid #000} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div class="a-left">?????div ????</div> 
  12. </body> 
  13. </html> 

3?????

????

?]div??????

1??DIV???????????????

  1. border-right:1px dashed #F00 

2??????

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>www.CSS5.com.cn</title> 
  6. <style> 
  7. .a-right{border-right:3px dashed #F00} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div class="a-right">?????div?????</div> 
  12. </body> 
  13. </html> 

??DIV???????????

3?????

?? div ???

????div??????? ????

1??????
??????border????????????4??????????div??????????????????????????0?????

2??????HTML?????

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>www.CSS5.com.cn</title> 
  6. <style> 
  7. .a-san{border:3px solid #F00; border-bottom:0} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div class="a-san">??????????????????</div> 
  12. </body> 
  13. </html> 

?????????????????????????——?????????

3?????

????DIV ????

4??????
????????????4??CSS?????????????????????????????????????????????????????4???????????????????????????????????????????????

???div ?????????????

????????????????????????border?????????????????solid????????????????????

???????????????????????dashed
?????????

  1. border:1px dashed #000 

??????1px?????????#000 ?????????????????????????????????PS??????????

????

border:1px dashed #000 —— ????1px??????????
border:1px solid #000 ——???1px??????????

???(Tag): ??? div
???????URL?????/css/1540.shtml

?????CSS5???

??????word-wrap??????? css????????????????
???????????