html 局部 强制出现滚动条

当前位置 : 首页 > 网页制作 > CSS > html 局部 强制出现滚动条

html 局部 强制出现滚动条

来源: 作者: 时间:2016-01-28 09:27
先贴出效果图:局部出现滚动条,这样就不会破坏整体的样式和布局了 范例代码:htmlheadmeta http-equiv=Content-Type content=text html; charset=gb2312titlehtml页面内加横向滚动条 title head
先贴出效果图:
 
 
局部出现滚动条,这样就不会破坏整体的样式和布局了.
 
范例代码:
 
<>
<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>
 
</div>
</body>
</html>
 
Tag:
网友评论

<