十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
表格有这几种标签,写法可以是:
创新互联是一家专注于成都网站制作、做网站与策划设计,南县网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:南县等地区。南县做网站价格咨询:13518219792
table
tr style="width:100px;height:100px"
td/td
td/td
/tr
/table
如果你想让写的css样式在tr上生效,就必须在tr上写一个class样式,而不是在table标签上。
如果我的回答对你有用,可以采纳哦。
写了两种方法,你看看吧,也许有用
方法一:table width="200px" height="200px" frame="box"
tr
td style="border:1px solid red"/td
td style="border:1px solid red"/td
/tr
tr
td style="border:1px solid blue" colspan="2"/td
/tr
tr
td style="border:1px solid red" colspan="2"/td
/tr
tr
td style="border:1px solid blue" colspan="2"/td
/tr
/table
这种方法是设置行内每个单元格的样式
方法二:
table width="200px" height="200px" frame="box"
tr bordercolor="#FF0000"
td /td
td/td
/tr
tr bordercolor="#FF0000"
td colspan="2"/td
/tr
tr bordercolor="#FF0000"
td colspan="2"/td
/tr
tr bordercolor="#FF0000"
td /td
/tr
/table
两个方法的table/table标记里都加frame="box"
只要是html中的标签都可以用css样式
.tab{
这里写你的样式
}
.tr{
}
.td{
}
table class="tab"
td class ="td"
tr class="tr"
spancontext/span
/tr
/td
/table
给你写了个例子 你自己看看就知道了
.tablecss2{ border:#C0C0C0 1px solid; border-collapse:collapse; margin:5px; }
/*.tablecss2 td{ BORDER-BOTTOM: #C0C0C0 1px solid; BORDER-right: #C0C0C0 1px solid; padding:2px; }*/
.tablecss2 tr{ BORDER-BOTTOM: #C0C0C0 1px solid; BORDER-right: #C0C0C0 1px solid; padding:2px; background-color:#E8E8E8}
/style
table width="600" cellspacing="0" cellpadding="0" align="center" class="tablecss2"
tr
td212121/td
td231231321/td
/tr
tr
td212121/td
td231231321/td
/tr
/table
1、首先给table标签添加css : table-layout:fixed;这里是为了让整个table有一个自己宽度,而不是让table自己随着自己内容的大小而改变。
2、给table标签,定一个宽度(如:width:500px);
3、最后给td 定一个宽度(width)就可以实现.
原表格:
添加一下CSS:
现表格:
扩展资料:
在实际需求中,经常遇到要在table中的td中,让用户输入比较长的字符串,这时就要使td的宽度能较大。
在WEB前端中,对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。
你好,这是一个CSS的继承用法,.over类和td标记从tr标记的CSS设置中继承了属性,意思就是只要是出现tr标记的地方使用了.over类和td标签,那么.over类和td标签的背景色都会是#FFFF99,即使原先.over类和td标签的背景色不是#FFFF99!
简单说来,就是tr.over td{background-color:#FFFF99;}中over td继承了tr的属性!