用样式表(CSS)定制表格边框

html-css013

用样式表(CSS)定制表格边框,第1张

〈Table border=0 id=tb1 style="border:3px solid red"〉

〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉

〈/Table〉

32,Q:闪亮的表格边框:

A:

制做闪亮的表格边框!

<!-- 这段脚本放在表格的后面

function flashit()

{

if (!document.all) return

if (tb1.style.borderColor=="green")

tb1.style.borderColor="red"

else

tb1.style.borderColor="green"

}

setInterval("flashit()", 400)

//-->

1、首先给table标签添加css : table-layout:fixed这里是为了让整个table有一个自己宽度,而不是让table自己随着自己内容的大小而改变。

2、给table标签,定一个宽度(如:width:500px)

3、最后给td 定一个宽度(width)就可以实现.

原表格:

添加一下CSS:

现表格:

扩展资料:

在实际需求中,经常遇到要在table中的td中,让用户输入比较长的字符串,这时就要使td的宽度能较大。

在WEB前端中,对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。