html 双色表格样式设计

最新推荐文章于 2023-04-29 14:59:13 发布

风少

最新推荐文章于 2023-04-29 14:59:13 发布

阅读量1.3k

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/dyt19941205/article/details/51758738

版权

本文介绍了如何使用HTML创建具有交替行颜色的表格，展示了一种实现双色表格样式的简单方法，帮助提升数据可读性。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>双色表格</title>
<script src="jquery-1.8.3.js" ></script>
<style>
       th{
          background:#00676B;
          color:#FF4500;
          line-height:20px;
          height:30px;
        }
       td{
         padding 6px 11px;
         color: #FF0000;
         border:1px solid #95bce2;
         vertical-align:top;
         text-align: center;
       td * {
          padding 6px 11px;
       }
       tr.alt td{
          background: #ecf6fc