時間:2015/6/28來源:IT貓撲網(wǎng)作者:網(wǎng)管聯(lián)盟我要評論(0)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>MB5U</title> <style type="text/css"> .blockcont4 { height:277px; border: 1px #becbcb solid;} .olleft { margin:6px 16px 6px 38px; list-style-type:circle; width:auto;} .olleft li { height:22px; line-height:22px; white-space:nowrap; overflow:hidden;} .olleft li a:link { display: block; height:22px;} .olleft li a:hover { background-color: red;} </style> </head> <body> <div class="blockcont4"> <ol class="olleft"> <li>Div CSS布局關于分辨率與100%自適應問題的探討! </li> <li>CSS基礎實例:CSS實現(xiàn)帶背景圖片的文字鏈接的方法 </li> <li>DIV CSS實例教程:一款清新風格的CSS新聞列表制作 </li> <li>CSS布局教程:如何用CSS構(gòu)建圖片、文字混排的產(chǎn)品展示? </li> <li>CSS布局教程:用DIV CSS實現(xiàn)國內(nèi)經(jīng)典式三行兩列布局 </li> <li>DIV CSS實例教程:蔚藍色的海洋 漂亮的CSS縱向菜單 </li> <li>DIV CSS菜單實例:紅與黑 具有立體質(zhì)感的CSS菜單 </li> <li>DIV CSS橫向菜單實例:簡單的思路 陷下的風格 不錯的效果 </li> </ol> </div> </body> </html> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>MB5U</title> <style type="text/css"> .blockcont4 { height:277px; border: 1px #becbcb solid;} .olleft { margin:6px 16px 6px 38px; list-style-type:circle; list-style-position: inside ; width:auto;} .olleft li { height:22px; line-height:22px; white-space:nowrap; overflow:hidden;} .olleft li a:link { display: block; height:22px;} .olleft li a:hover { background-color: red;} </style> </head> <body> <div class="blockcont4"> <ol class="olleft"> <li>Div CSS布局關于分辨率與100%自適應問題的探討! </li> <li>CSS基礎實例:CSS實現(xiàn)帶背景圖片的文字鏈接的方法 </li> <li>DIV CSS實例教程:一款清新風格的CSS新聞列表制作 </li> <li>CSS布局教程:如何用CSS構(gòu)建圖片、文字混排的產(chǎn)品展示? </li> <li>CSS布局教程:用DIV CSS實現(xiàn)國內(nèi)經(jīng)典式三行兩列布局 </li> <li>DIV CSS實例教程:蔚藍色的海洋 漂亮的CSS縱向菜單 </li> <li>DIV CSS菜單實例:紅與黑 具有立體質(zhì)感的CSS菜單 </li> <li>DIV CSS橫向菜單實例:簡單的思路 陷下的風格 不錯的效果 </li> </ol> </div> </body> </html> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>MB5U</title> <style type="text/css"> .blockcont4 { height:277px; border: 1px #becbcb solid;} .olleft { margin:6px 16px 6px 38px; list-style-type:circle; list-style-position: inside ; width:auto;} .olleft li { height:22px; line-height:22px; white-space:nowrap; overflow:hidden;} .olleft li a:link { height:22px;} .olleft li a:hover { background-color: red;} </style> </head> <body> <div class="blockcont4"> <ol class="olleft"> <li>Div CSS布局關于分辨率與100%自適應問題的探討! </li> <li>CSS基礎實例:CSS實現(xiàn)帶背景圖片的文字鏈接的方法 </li> <li>DIV CSS實例教程:一款清新風格的CSS新聞列表制作 </li> <li>CSS布局教程:如何用CSS構(gòu)建圖片、文字混排的產(chǎn)品展示? </li> <li>CSS布局教程:用DIV CSS實現(xiàn)國內(nèi)經(jīng)典式三行兩列布局 </li> <li>DIV CSS實例教程:蔚藍色的海洋 漂亮的CSS縱向菜單 </li> <li>DIV CSS菜單實例:紅與黑 具有立體質(zhì)感的CSS菜單 </li> <li>DIV CSS橫向菜單實例:簡單的思路 陷下的風格 不錯的效果 </li> </ol> </div> </body> </html> |
關鍵詞標簽:實例,解析,布局,現(xiàn)象,
相關閱讀
熱門文章 DIV+CSS網(wǎng)頁布局常用的一些基礎知識整理
人氣排行 DIV CSS完美兼容IE6/IE7/FF的通用方法CSS實例:list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實例CSS實例:通過定義漸變邊框給圖片加陰影CSS常用技巧之一 禁止文字自動換行網(wǎng)頁頁面設計中CSS十大注意解決用CSS控制DIV居中失效的問題css div設置float后高度不能自動增加讓CSS兼容IE和Firefox的技巧集合