当前位置：首页 -> 网页设计 -> HTML/CSS -> 网页表格深层探密

网页表格深层探密

时间： 2021-07-31 作者：daque

网页创造中表格表演了很要害的脚色。你能否领会，表格再有很多的神秘呢？经过与javascript、css等的贯串，表格再有很多精巧的用途。　　1、用表格做震动分隔线　　咱们领会，在网页中不妨用<hr>标识来做分隔线，也不妨把表格树立为1个音素高或宽充任分隔线。此刻，咱们将表格与javascript贯串，不妨做出更灵巧的分隔线——震动的分隔线。介入以次代码，你就不妨看到一条分隔线，脸色在连接的震动。<script>l=array(6,7,8,9,'a','b','b','c','d','e','f')t="<table height=2 width=60% cellspacing=0 cellpadding=0><tr>"for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"}document.write(t+"</tr></table>")function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-cdocument.all["a_mo"+(i)].bgcolor="'#00"+l[c]+l[c]+"00'"}y++settimeout('f1('+y+')',1)}f1(1)</script>　　在上头的代码中，咱们不妨经过窜改<table>标识中的height和width树立分隔线的莫大和长度。　　2、带震动条的表格

网页表格深层探密图1

　　看看图一的功效，可万万不要觉得是iframe，这然而地纯粹道的表格！本来，这是表格和css贯串的功效。当网页上有大段笔墨要表露，而又没有充满的空间时，这就派上用途了。固然用文本框也不妨实行一致功效，但却远没有效表格精巧。代码很大略，只有在单位格<td>标识后加上如次代码就不妨了：<div style="overflow:auto;height:200;">　　固然，对应的在单位格中断</td>标识前加上</div>。咱们不妨变动height的值，来窜改表露文段地区的莫大。如以次的示例，就实行了图示的功效。<table width="260" border="0"><tr><td bgcolor="#999999"><font color="#ffffff"><b>题目</b></font></td></tr><tr><td bgcolor="#cccccc"><div style="overflow:auto;height:160;">这边输出文段的实质。</div></td></tr></table>　　3、带题目的表格

　　看看图二的功效。常常，咱们要给表格加题目，不是用单位格的本领即是用图片，很烦恼。本来，咱们不妨只用很少许很大略的html标识，就不妨轻快实行给表格加题目了。这个标识犹如已被人忘怀，很少看到运用，然而它实行的功效仍旧很不错的。底下就来看看怎样实行：<fieldset style="width:220" align="center"><legend>这边是表格的题目</legend>这边增添表格中的实质</fieldset>　　几行代码就不妨搞掂了！窜改width值不妨树立表格宽窄。<legend>和</legend>之间是表格的题目，你不妨树立表格题目的脸色、巨细等，以至是加上个链接。</legend>标识之后，就不妨大肆增添表格中的实质了，同样也不妨增添大肆的实质，如笔墨、表格、图片等。

网页表格深层探密图2

网页表格深层探密

相关推荐

推荐下载

热门阅览

最新排行