table和tr设置样式

news/2024/10/18 2:28:22/

 table和tr设置样式,和平常的style和class有些许差别。

1、table 样式设置方法有:

(1)<table width='400' height='300' bgcolor='green' border='0' cellspacing='1'></table>

(2) <table style='width:400px;height:300px;background-color:green;border:0;cellspacing:1px;'></table>这样的设置的cellspacing,宽度是(1)方法中的2倍宽

(3)css: .table{width:400px;height:300px;background-color:green;border:0;cellspacing:1px;} 这样的设置的cellspacing,宽度也是(1)方法中的2倍宽

2、tr标签背景样式设置,方法有:

(1)如果在页面编写代码时,table没有thead和tbody,那么tr设置样式情况为:

<tr bgcolor='white'></tr>

或者css:.tr{background-color:white} <tr class='tr'></tr>

但是 <tr style='background-color:white'></tr>无效

(2)如果在页面编写代码时,table有thead和tbody,那么tr设置样式额情况不同:

如果tr存在在thead中,设置背景样式可以:

<tr bgcolor='white'></tr>   

或者  css: .trHead{background-color:white;} <tr class='trHead'></tr>

但是 <tr style='background-color:white'></tr> 无效

如果tr存在在tbody中,设置背景样式可以:

<tr bgcolor='white'></tr>   

或者  css: .trHead{background-color:white;} <tr class='trHead'></tr>

或者<tr style='background-color:white'></tr> 

3、细线表格制作

<table width='400' height='300' bgcolor='green' border='0' cellspacing='1'>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

</table>



http://www.ppmy.cn/news/533598.html

相关文章

jQuery为table表格动态添加或删除tr

HTML页面元素如下&#xff1a; <!-- 订单明细dialog --> <div id"contractDetailDiv" title"销售订单明细" style"display:none;"><table class"exhibit_table" id"contractDetailTab" border"1"…

Qt国际化之tr() 动态翻译

目录 1&#xff0c;效果演示 2&#xff0c;第一步&#xff1a;将需要翻译的文本用&#xff1a;tr()函数封装 3&#xff0c;第二步&#xff1a;创建&#xff0c;并翻译&#xff1a;*.ts 文件&#xff0c;用翻译后的 *.ts 文件生成 *.qm文件 4&#xff0c;第三步&#xff1a;…

QString tr占位符

本节介绍 QString 的常见使用&#xff0c;包含 C 基本类型和 QString 的互相转换、QString 涉及的运算符、QString 子串查询和操作、利用 QTextStream 对 QString 做输入输出操作等&#xff0c;最后通过一个示例集成测试函数&#xff0c;展示 QString 用法。本节内容较多&#…

TR069协议

TR069协议 TR069协议简述 简单来说&#xff0c;TR069协议就是ACS&#xff08;自动配置服务器Automatic Configuration Serve&#xff09;和CPE&#xff08;用户终端设备Customer Premise Equipment&#xff09;之间沟通的通讯协议用下面一张图来表示&#xff1a;图中的CWMP指的…

html5中的td tr,html5 表格标签 table tr td

最重要的三个 属性: boarder 边框粗细 style 可配合css 使用 行标签 table row 有表就可以建行 单元格标签 table data 有行就可以建数据 属性: colspan data占用格子, 或者可以理解为这个单元格要合并多少个横向的单元格. rowspan 纵向占用格子… t…

C300 OLT OMCI下发VOIP和TR069 配置指导

1、配置业务所需的一些配置&#xff1a;如自定义ONU-type&#xff0c;vlan-profile&#xff0c;VOIP-profile等 gpon ##创建VOIP-profileonu profile sip INT-VOIP proxy **IP或者URL域名形式写入** …

表格标签的常用属性

表格标签的常用属性 <table></table>&#xff1a;表格 <tr></tr>&#xff1a;行 <td></td>&#xff1a;列 td要写在tr里面 <tr><td></td> </tr> 常用属性&#xff1a; border---指定边框 width---宽度 …

【系统开发】尚硅谷 - 谷粒商城项目笔记(十一):K8S

文章目录 K8s简介架构原理核心概念控制平面组件&#xff08;Control Plane Components&#xff09;kube-apiserveretcdkube-schedulerkube-controller-managercloud-controller-manager Node 组件kubeletkube-proxy容器运行时&#xff08;Container Runtime&#xff09; 插件&a…