DIV和CSS排版中制作細線(xiàn)條的方法

DIV和CSS排版中制作細線(xiàn)條的方法

　　如果要制作一條高度小于12PX（大約）的線(xiàn)條，在IE中會(huì )顯示出高于實(shí)際高度的，看下面。

　　復制代碼 代碼如下:

　　.line{

　　background:#CCCCCC;

　　height:6px;

　　}

　　可看出實(shí)際高度大于6PX，這也算是IE的一個(gè)BUG吧。以下三種方法可解決這個(gè)問(wèn)題，推薦使用第一種方法。

　　1：

　　復制代碼 代碼如下:

　　.line11{

　　background:#CCCCCC;

　　height:6px;

　　overflow:hidden;

　　}

　　2.div之間要加個(gè)空格注：IE5.0無(wú)效

　　復制代碼 代碼如下:

　　.line12{

　　background:#336699;

　　line-height:6px;

　　}

　　3：

　　復制代碼 代碼如下:

　　.line13{

　　background:#CC0000;

　　height:6px;

　　font-size:1px;

　　}

【DIV和CSS排版中制作細線(xiàn)條的方法】相關(guān)文章：

DIV CSS制作網(wǎng)頁(yè)時(shí)易犯的錯誤總結07-14

XHTML和CSS網(wǎng)頁(yè)制作07-03

XHTML和CSS網(wǎng)頁(yè)制作11-16

div+css 美工還是后臺的任務(wù)07-03

網(wǎng)頁(yè)設計div css為何加載失敗07-03

在網(wǎng)頁(yè)制作中如何控制DIV居中顯示07-03

自學(xué)div+css遇到了一些問(wèn)題07-03

自學(xué)網(wǎng)頁(yè)設計，div+css、ASP、JavaScript，我應該先學(xué)哪個(gè)？07-03

關(guān)于網(wǎng)頁(yè)制作之學(xué)習CSS的理由07-03

CSS制作網(wǎng)頁(yè)的類(lèi)以及ids的命名06-22