H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈

创建带滚动条的表格(Html)

主题

如何制作带滚动条的表格/图像？
或者
如何创建带滚动条的表格？



题目

属性:

我们会经常碰到这样的情况，就是要在小的区域内显示大量内容。
按照以下简单的步骤就可以实现。

示例:
在滚动视图中显示大表格。
在滚动视图中显示大的图片。

实现这些功能是非常简单的。
实现这些只需要一些dhtml代码。

<div STYLE=" height: 100px; width: 150px; font-size: 12px; overflow: auto;">

"overflow: auto;"部分可以完成所有的以上提到的功能。


测试一下。
复制如下代码到html文件中并打开查看。

<div STYLE=" height: 100px; width: 100px; font-size: 12px; overflow: auto;">
<table bgcolor="green">
<tr><td bgcolor="blue">测试 </td></tr>
<tr><td>免费的PHP脚本;/td></tr>
<tr><td bgcolor="blue">免费的PHP脚本</td></tr>
<tr><td>免费的PHP脚本</td></tr>
<tr><td bgcolor="blue">免费的PHP脚本</td></tr>
</table>
</div>


输出的内容就像以下的
www.hioxindia.com
maths.hscripts.com
www.hscripts.com
free php scripts
www.hiox.com

就实现了以上提到的功能.....




一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 ：如果需要，您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com