首页 > 其他分享 >使用 CSS 替换表行颜色?

使用 CSS 替换表行颜色?

时间:2023-03-01 17:35:36浏览次数:48  
标签:background color tr black 表行 使用 替换 CSS

我正在使用一个带有交替行颜色的表格。

tr.d0td{
background-color:#CC9999;
color:black;
}
tr.d1td{
background-color:#9999CC;
color:black;
}


<table>
<trclass="d0">
<td>One</td>
<td>one</td>
</tr>
<trclass="d1">
<td>Two</td>
<td>two</td>
</tr>
</table>

在这里我使用 class for tr,但我只想使用 for table。当我将类用于表时,这适用于tr替代方案。

我可以使用 CSS 编写这样的 HTML 吗?

<tableclass="alternate_color">
<tr><td>One</td><td>one</td></tr>
<tr><td>Two</td><td>two</td></tr>
</table>

如何使用 CSS 使行具有“斑马条纹”?



解答

http://www.stackoverflow.ink/posts/shi-yong-css-ti-huan-biao-xing-yan-se/

标签:background,color,tr,black,表行,使用,替换,CSS
From: https://www.cnblogs.com/silva/p/17169045.html

相关文章

  • css中的counter计数器
    作为程序猿,代码比什么都有说服力,嗯,所以废话不多说,直接看吧,认真看完了,就一定有收获(内容有点多,需要一点耐心哦,我是一点一点写的,咱也一点一点看呗)counter:是css计数器,只能跟co......
  • CSS 列表
     CSS列表属性作用如下:设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像列表在HTML中,有两种类型的列表:无序列表 ul -......
  • CSS 表格
     使用CSS可以使HTML表格更美观。CompanyContactCountryAlfredsFutterkisteMariaAndersGermanyBerglundssnabbköpChristinaBerglundSwedenCentr......
  • HTML页面自动清理js、css文件的缓存(自动添加版本号)
    在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:1、手......
  • css基础
    CSS导入方式 这种方式会导致CSS和HTML的耦合度高,不利于维护<style>标签在head,而不是body,如图,其中div是选择器,表示应用在<div>上,类似的有<span>等等可以在外部......
  • CSS:整个网页变灰色
    方法一html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filte......
  • 路飞前台全局css 全局配置文件,安装axios,安装vue-cookies,安装elementui,安装bootstrap和
    目录路飞前台全局css全局配置文件,安装axios,安装vue-cookies,安装elementui,安装bootstrap和jq,后台主页模块表设计,后台主页模块轮播图接口,录入数据,跨域问题详解昨日内容回顾......
  • CSS基础概念
    原文链接:​   ​​https://note.noxussj.top/?source=51cto​​定位相关相对定位.my-content{position:relative;}绝对定位​​#​​.my-content{position:a......
  • python之路 78 路飞项目、路飞前台全局css,全局配置文件、安装axios、vue-cookies、ele
    项目演示登录系统管理用户管理角色管理菜单管理部门管理岗位管理最核心创建了用户,授予了角色,因为角色有权限,这个用户就有权限如果这个......
  • 路飞前台全局css,js文件,安装axios,安装vue-cookies,安装elementui,安装bootstrap和jq,后台
    路飞前台全局css,js文件,安装axios,安装vue-cookies,安装elementui,安装bootstrap和jq,后台主页模块表设计,后台主页模块轮播图接口,录入数据,跨域问题详解路飞前端全局css,js文件......