詳解CSS定義HR水平線的幾種樣式

來源:互聯網
上載者:User
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
  3. <head> 
  4.  <title>CSS定義HR水平線</title> 
  5.  <style type="text/css"> 
  6.  <!-- 
  7. .hr0{ height:1px;border:none;border-top:1px dashed #0066CC;} 
  8. .hr1{ height:1px;border:none;border-top:1px solid #555555;} 
  9. .hr2{ height:3px;border:none;border-top:3px double red;} 
  10. .hr3{ height:5px;border:none;border-top:5px ridge green;} 
  11. .hr4{ height:10px;border:none;border-top:10px groove skyblue;} 
  12.  --> 
  13.  </style> 
  14. </head> 
  15. <body> 
  16. <hr class="hr0" /> 
  17. <hr class="hr1" /> 
  18. <hr class="hr2" /> 
  19. <hr class="hr3" /> 
  20. <hr class="hr4" /> 
  21. </body> 
  22. </html> 


相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。