网站地图    收藏   

主页 > 前端 > html教程 >

html让局部强制出现滚动条不破坏整体的样式和布

来源:自学PHP网    时间:2014-12-15 15:58 作者: 阅读:

[导读] 局部出现滚动条,这样就不会破坏整体的样式和布局了,下面有个不错的示例,大家可以拷贝代码到文本文档修改文本后缀名,txt 为 .html 预览效果...

局部出现滚动条,这样就不会破坏整体的样式和布局了,下面有个不错的示例,大家可以拷贝代码到文本文档修改文本后缀名,txt 为 .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>
</div>
</body>
</html>

拷贝上面代码到 文本文档, 修改文本后缀名,txt 为 .html 预览效果

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论