html讓局部強(qiáng)制出現(xiàn)滾動(dòng)條不破壞整體的樣式和布局
發(fā)布時(shí)間：2013-10-18 16:36:27 作者：佚名 
我要評(píng)論
我要評(píng)論局部出現(xiàn)滾動(dòng)條,這樣就不會(huì)破壞整體的樣式和布局了，下面有個(gè)不錯(cuò)的示例，大家可以拷貝代碼到文本文檔修改文本后綴名,txt 為 .html 預(yù)覽效果
先貼出效果圖:
局部出現(xiàn)滾動(dòng)條,這樣就不會(huì)破壞整體的樣式和布局了.
范例代碼:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html頁(yè)面內(nèi)加橫向滾動(dòng)條</title>
</head>
<body>
<DIV style=" OVERFLOW-X: scroll; scrollbar-face-color:#B3DDF7;scrollbar-shadow-color:#B3DDF7;scrollbar-highlight-color:#B3DDF7;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#000000; width:752px;HEIGHT: 380px" align=center>
<table width="1440" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>p</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>pppppppppppppppppp</td>
<td>ppppppppppppp</td>
<td>ppppppppppppppppppp</td>
<td>ppppppppppppppppppppppppppppppp</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
拷貝上面代碼到 文本文檔, 修改文本后綴名,txt 為 .html 預(yù)覽效果
局部出現(xiàn)滾動(dòng)條,這樣就不會(huì)破壞整體的樣式和布局了.
范例代碼:
復(fù)制代碼
代碼如下:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html頁(yè)面內(nèi)加橫向滾動(dòng)條</title>
</head>
<body>
<DIV style=" OVERFLOW-X: scroll; scrollbar-face-color:#B3DDF7;scrollbar-shadow-color:#B3DDF7;scrollbar-highlight-color:#B3DDF7;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#000000; width:752px;HEIGHT: 380px" align=center>
<table width="1440" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>p</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>pppppppppppppppppp</td>
<td>ppppppppppppp</td>
<td>ppppppppppppppppppp</td>
<td>ppppppppppppppppppppppppppppppp</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
拷貝上面代碼到 文本文檔, 修改文本后綴名,txt 為 .html 預(yù)覽效果
相關(guān)文章
div css 滾動(dòng)條樣式 DIV滾動(dòng)條屬性及樣式設(shè)置方式
所謂DIV滾動(dòng)條，就是利用DIV標(biāo)簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當(dāng)div所規(guī)范的區(qū)域內(nèi)的內(nèi)容達(dá)到一定程序時(shí)，滾動(dòng)條就派上用場(chǎng),這里為你介紹DIV滾動(dòng)條2012-12-23
這篇文章主要介紹了配置H5的滾動(dòng)條樣式的示例代碼的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-09
