标题表格技巧三则
栏目网络与通信
作者蒋永跃
发布2001年22期
边框闪烁的表格
以前你可能见过让文字闪烁的javascript 代码,能不能让表格也闪烁起来呢?能呀,复制下边的代码看一下。
<table border="0" width="140" id="flashtable" style="border:5px solid yellow"><tr>
<td>梦作坊网络创作小组</td></tr></table>
<script language="JavaScript1.2">
function flashit(){
if (!document.all)
return
if (flashtable.style.borderColor=="yellow")
flashtable.style.borderColor="blue"
else
flashtable.style.borderColor="yellow"
}
setInterval("flashit()",500)
</script>
里面的文字可以改成你自己的东东,效果如下:
让文字出现在表格边框上
啊,还有这么新鲜好玩的表格?不信?把下面这段HTML源代码拷到你的网页里看看。
<table width="200" align="center">
<tr><td>
<fieldset style="width:200" align="center">
<legend>雨河简介</legend>
这里是雨河的个人简介。</fieldset>
</td></tr></table>
做完后你就会看到如下效果了,很酷吧?
当然你还可以在<legend>、</legend>或<fieldset>、</fieldset>之间插入图片、表格等的HTML代码。
一个像素边框的表格
这很简单呀,把表格的底色设成你想要的边框色,然后表格的<tr>标签设置表格底色就行了,代码如下:
<table border="0" width="100" bgcolor="#000000"
cellspacing="1" cellpadding="0" height="20">
<tr bgcolor="#FFFFFF">
<td>细表格</td>
</tr>
</table>