首页 > PHP资讯 > HTML5培训技术 > html让局部强制出现滚动条不破坏整体的样式和布局

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

HTML5培训技术

  点评:局部出现滚动条,这样就不会破坏整体的样式和布局了,下面有个不错的示例,大家可以拷贝代码到文本文档修改文本后缀名,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 预览效果(南京HTML5培训

本文由欣才IT学院整理发布,未经许可,禁止转载。