www.ypnh.net > CSS如何给同一页面的两个表格设定不同样式

CSS如何给同一页面的两个表格设定不同样式

1、两个表格定义不同的class,通过class设定不同的样式 如 .a{border:2px;} .b{border:10px;} 2、两个表格定义不同的id,通过id设定不同的样式 如 #a{border:2px;} #b{border:10px;}

最快的办法就是设置每个table的样式,比如class=tab1,class=tab2,然后在样式表设置 .tab1 td{这里为tab1的样式} .tab2 td{这里为tab2的样式} 而不用一个个去设置td class="xx"了 毕竟比较麻烦。

你的样式这么定义就是全局的了。给个样式名称。 .... /*第一行标题蓝色背景*/ .mytable tr:first-child { background: #0066CC; color: #fff; font-weight: bold; } .mytable { border-top: 1pt solid #C1DAD7; border-left: 1pt solid #C1DAD7;...

同时使用两个类 一般只能给一个元素设定一个类(Class),但这并不意味着不能用两个。事实上,你可以这样: ... 同时给P元素两个类,中间用空格格开,这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话,后设...

tr { background-color: #66FF00; } .ex:hover { background-color: #FF8A00; } 表格1 表格2 已经测试过了,我用的是class,用id也可以的,楼主可以自己试试。不懂可以再问我。

直接创建两个div,之后设置每个占页面的一般,设置左对齐即可。

#table{ border-collapse:collapse; border:2px solid #000000; } #table tr,td,th{ border:1px solid #000000; text-align:center; line-height:180%; font-family:"宋体"; font-size:14px; } Item项目 Symbol参数 Content 详细内容 Criterion...

通用:border-collapse:collapse; ie7、ie8兼容border-collapse: separate。单元格分开了,有间隙ie8、FF可用:border-spacing: 0px; 设置了border-collapse:collapse那么border-spacing/cellspacing就无效了 table有cellspacing、cellpadding等...

如果你说是想要用表格做成那种效果的话,合并就行了,cellspaction(应该拼错了,去w3school查查看表格合并)再加上css样式来控制就可以了。 其实完全不用那么麻烦,直接用div+css就可以实现的。

table { table-layout:fixed; } table tr td:first-child,table tr td:first-child{ width:120px; } 你只要把首行 第一个td定宽 同列的宽度都会和他一样. 你要注意的是 第一行 第一个用的是 td 还是 th 楼下的 你测试过吗 就敢说可能有问题.

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com