您现在的位置:首页 >> 前端 >> 内容

html 局部 强制出现滚动条

时间:2013/10/19 13:30:22 点击:

  核心提示:先贴出效果图:局部出现滚动条,这样就不会破坏整体的样式和布局了.范例代码:htmlheadmeta http-equiv=Content-Type content=text/html; charset...
先贴出效果图:

 

 

html 局部 强制出现滚动条

局部出现滚动条,这样就不会破坏整体的样式和布局了.

 

范例代码:

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>html页面内加横向滚动条</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>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>pppppppppppppppppp</td>

    <td>ppppppppppppp</td>

    <td>ppppppppppppppppppp</td>

    <td>ppppppppppppppppppppppppppppppp</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

 

</p>

</body>

</html>

 

Tags:HT TM ML L局 
作者:网络 来源:不详