網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

關于hr標簽的一點認識

日期:2013-11-30  來源:攀枝花惠康網絡公司

<hr> 標簽可插入一個水平線。水平分隔線(horizontal rule)可以在視覺年夜將文檔分隔成各個部門。

還有一點<hr>在瀏覽器中凡是是以2像素高的明暗線呈現的,而我們的設計稿凡是只有1個像素。

在經常多時查找和測試,清算了一個斗勁兼容的css樣式:

hr {margin-top:7px;*margin: 0; border: 0; color: #FFF; background-color: #FFF; height: 1px }

良多時辰我們用css中的border屬性,或者border-top,或者border-bottom來實現這種效不美觀。這么做的原因年夜致的出于各個瀏覽器對<hr>的默示有一點點的紛歧致:

  1. 凡是默示在和文檔其他標簽的距離,IE要比FF超出跨越7像素;
  2. 線條的顏色節制各個瀏覽器也紛歧樣;

此魷負

  1. margin-top:7px;*margin: 0;是解決ie和ff matgin-top紛歧致的問題;
  2. border: 0; 是去失蹤ff的一條暗影線;
  3. color: #FFF; 是設置ie下水平線的顏色;
  4. background-color: #FFF; 是設置FF下水平線的顏色;
  5. height: 1px;是設置水平線的高度,當然你也可以把它設置2px,3px;

還有以下<hr />的css屬性我們也可以看看;

  1. 寬度:width:80%或者width:80px ;
  2. 對齊: text-align:center; 或者 text-align:left; 或者 text-align:right;

擴展閱讀:

  1. http://www.sovavsiti.cz/css/hr.html
  2. http://www.3internet.co.uk/resources/Design/theHRtag.aspx

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图