css 表格样式

csdn_HPL

于 2025-01-07 15:35:03 发布

阅读量222

点赞数 2

分类专栏： css 文章标签： css 前端

本文链接：https://blog.csdn.net/csdn_HPL/article/details/144986854

版权

css 专栏收录该内容

1 篇文章

订阅专栏

个人使用，勿喷

代码
在这里插入图片描述
样式css

/* 表格 */
.color-hui{
  color: #757575;
}
.kuan100{
  width: 100px;
}
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
th{
  border-top: none;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid rgba(211, 210, 210, 0.776);
  padding: 8px;
  text-align: left;
}
td {
  border-top: none;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid rgba(211, 210, 210, 0.776);
   padding: 8px;
   text-align: left;
}

th {
    background-color: #ffffff;
}

tr:nth-child(even) {
    background-color: #ffffff;
}

tr:hover {
    background-color: #bcbcbc;
}
/* ------------------ */