经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » HTML/CSS » CSS » 查看文章
使用 CSS 3 操作数据内容样式 -cyy
来源：cnblogs　　作者：陈莺莺呀　　时间：2020/11/9 15:18:31　　对本文有异议

使用css定制表格：

  1. .table{
  2.     display:table; /*相当于table*/
  4.     section{
  5.         &:nth-of-type(1){
  6.             display:table-header-group; /*相当于thead*/
  7.             background:#555;
  8.             color:#fff;
  9.         }
  10.         &:nth-of-type(2){
  11.             display:table-row-group; /*相当于tbody*/
  12.         }
  13.         &:nth-of-type(3){
  14.             display: table-footer-group; /*相当于tfoot*/
  15.             background:#f3f3f3;
  16.         }
  18.         ul{
  19.             display:table-row; /*相当于tr*/
  21.             li{
  22.                 display:table-cell; /*相当于td*/
  23.                 border:1px solid #ddd;
  24.                 padding:3px;
  25.             }
  26.         }
  27.     }
  28. }

 

 

表格标题与对齐处理：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:10px;
  17.         }
  18.         table caption{
  19.             background:pink;
  20.             /* 表格标题的位置，默认在上面 */
  21.             caption-side:bottom;
  22.             caption-side:top;
  23.         }
  24.         table{
  25.             width:50%;
  26.  
  27.         }
  28.         table tr td{
  29.             text-align:center;
  30.             vertical-align: middle;
  31.         }
  32.     </style>
  33. </head>
  34. <body>
  35.     <article class="table">
  36.         <nav>表格标题</nav>
  37.         <section>
  38.             <ul>
  39.                 <li>编号</li>
  40.                 <li>标题</li>
  41.             </ul>
  42.         </section>
  43.         <section>
  44.             <ul>
  45.                 <li>1</li>
  46.                 <li>cyy1</li>
  47.             </ul>
  48.         </section>
  49.         <section>
  50.             <ul>
  51.                 <li>2</li>
  52.                 <li>cyy2</li>
  53.             </ul>
  54.         </section>
  55.     </article>
  56.  
  57.     <hr>
  58.  
  59.     <table border="1">
  60.         <caption>表格标题</caption>
  61.         <thead>
  62.             <tr>
  63.                 <td>编号</td>
  64.                 <td>标题</td>
  65.             </tr>
  66.         </thead>
  67.         <tbody>
  68.             <tr>
  69.                 <td>1</td>
  70.                 <td>cyy1</td>
  71.             </tr>
  72.         </tbody>
  73.         <tfoot>
  74.             <tr>
  75.                 <td>2</td>
  76.                 <td>cyy2</td>
  77.             </tr>
  78.         </tfoot>
  79.     </table>
  80. </body>
  81. </html>

 

 

表格颜色与背景定义：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:10px;
  17.         }
  18.         table{
  19.             background:pink;
  20.             width:300px;
  21.         }
  22.         /* table tbody tr{
  23.             background:pink;
  24.         }
  25.         table tr td{
  26.             background:lightblue;
  27.         } */
  28.  
  29.         /* 隔行变色效果： */
  30.         table tbody tr:nth-child(odd){
  31.             background:lightblue;
  32.         }
  33.  
  34.         /* 表格设置背景图片 */
  35.         table{
  36.             background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604764182871&di=81abc90dfe28552a8ed02579c4ec45ce&imgtype=0&src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202007%2F15%2F20200715071202_ofuwl.thumb.400_0.jpeg);
  37.             background-size:cover;
  38.         }
  39.     </style>
  40. </head>
  41. <body>
  42.     <article class="table">
  43.         <nav>表格标题</nav>
  44.         <section>
  45.             <ul>
  46.                 <li>编号</li>
  47.                 <li>标题</li>
  48.             </ul>
  49.         </section>
  50.         <section>
  51.             <ul>
  52.                 <li>1</li>
  53.                 <li>cyy1</li>
  54.             </ul>
  55.         </section>
  56.         <section>
  57.             <ul>
  58.                 <li>2</li>
  59.                 <li>cyy2</li>
  60.             </ul>
  61.         </section>
  62.     </article>
  63.  
  64.     <hr>
  65.  
  66.     <table border="1">
  67.         <caption>表格标题</caption>
  68.         <thead>
  69.             <tr>
  70.                 <td>编号</td>
  71.                 <td>标题</td>
  72.             </tr>
  73.         </thead>
  74.         <tbody>
  75.             <tr>
  76.                 <td>1</td>
  77.                 <td>cyy1</td>
  78.             </tr>
  79.             <tr>
  80.                 <td>1</td>
  81.                 <td>cyy1</td>
  82.             </tr>
  83.             <tr>
  84.                 <td>1</td>
  85.                 <td>cyy1</td>
  86.             </tr>
  87.             <tr>
  88.                 <td>1</td>
  89.                 <td>cyy1</td>
  90.             </tr>
  91.             <tr>
  92.                 <td>1</td>
  93.                 <td>cyy1</td>
  94.             </tr>
  95.             <tr>
  96.                 <td>1</td>
  97.                 <td>cyy1</td>
  98.             </tr>
  99.         </tbody>
  100.         <tfoot>
  101.             <tr>
  102.                 <td>2</td>
  103.                 <td>cyy2</td>
  104.             </tr>
  105.         </tfoot>
  106.     </table>
  107. </body>
  108. </html>

 

 

细线表格与间距与空白单元格处理：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:10px;
  17.         }
  18.         table{
  19.             background:pink;
  20.             width:300px;
  21.             /* 细线表格 */
  22.             /* border-spacing:5px; */
  23.             border-collapse:collapse;
  24.             /* 空单元格的处理 */
  25.             empty-cells:hide;
  26.         }
  27.         table,td{
  28.             border:1px solid #ddd;
  29.         }
  30.         table tr td{
  31.             padding:10px;
  32.         }
  33.     </style>
  34. </head>
  35. <body>
  36.     <article class="table">
  37.         <nav>表格标题</nav>
  38.         <section>
  39.             <ul>
  40.                 <li>编号</li>
  41.                 <li>标题</li>
  42.             </ul>
  43.         </section>
  44.         <section>
  45.             <ul>
  46.                 <li>1</li>
  47.                 <li>cyy1</li>
  48.             </ul>
  49.         </section>
  50.         <section>
  51.             <ul>
  52.                 <li>2</li>
  53.                 <li>cyy2</li>
  54.             </ul>
  55.         </section>
  56.     </article>
  57.  
  58.     <hr>
  59.  
  60.     <table border="1">
  61.         <caption>表格标题</caption>
  62.         <thead>
  63.             <tr>
  64.                 <td>编号</td>
  65.                 <td>标题</td>
  66.             </tr>
  67.         </thead>
  68.         <tbody>
  69.             <tr>
  70.                 <td>1</td>
  71.                 <td>cyy1</td>
  72.             </tr>
  73.             <tr>
  74.                 <td>1</td>
  75.                 <td>cyy1</td>
  76.             </tr>
  77.             <tr>
  78.                 <td>1</td>
  79.                 <td>cyy1</td>
  80.             </tr>
  81.             <tr>
  82.                 <td>1</td>
  83.                 <td>cyy1</td>
  84.             </tr>
  85.             <tr>
  86.                 <td>1</td>
  87.                 <td>cyy1</td>
  88.             </tr>
  89.             <tr>
  90.                 <td>1</td>
  91.                 <td>cyy1</td>
  92.             </tr>
  93.             <tr>
  94.                 <td></td>
  95.                 <td></td>
  96.             </tr>
  97.             <tr>
  98.                 <td></td>
  99.                 <td></td>
  100.             </tr>
  101.         </tbody>
  102.         <tfoot>
  103.             <tr>
  104.                 <td>2</td>
  105.                 <td>cyy2</td>
  106.             </tr>
  107.             <tr>
  108.                 <td></td>
  109.                 <td></td>
  110.             </tr>
  111.             <tr>
  112.                 <td></td>
  113.                 <td></td>
  114.             </tr>
  115.         </tfoot>
  116.     </table>
  117. </body>
  118. </html>

 

可以看到尽管使用了empty-cells，但是空单元格依旧存在；

这是因为只有是 border-collapse:separate; 边框样式才能设置隐藏；

 

 

修改之后的效果：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:10px;
  17.         }
  18.         table{
  19.             background:pink;
  20.             width:300px;
  21.             /* 细线表格 */
  22.             /* border-spacing:5px; */
  23.             border-collapse:separate;
  24.             /* 空单元格的处理 */
  25.             empty-cells:hide;
  26.         }
  27.         table,td{
  28.             border:1px solid #ddd;
  29.         }
  30.         table tr td{
  31.             padding:10px;
  32.         }
  33.     </style>
  34. </head>
  35. <body>
  36.     <article class="table">
  37.         <nav>表格标题</nav>
  38.         <section>
  39.             <ul>
  40.                 <li>编号</li>
  41.                 <li>标题</li>
  42.             </ul>
  43.         </section>
  44.         <section>
  45.             <ul>
  46.                 <li>1</li>
  47.                 <li>cyy1</li>
  48.             </ul>
  49.         </section>
  50.         <section>
  51.             <ul>
  52.                 <li>2</li>
  53.                 <li>cyy2</li>
  54.             </ul>
  55.         </section>
  56.     </article>
  57.  
  58.     <hr>
  59.  
  60.     <table border="1">
  61.         <caption>表格标题</caption>
  62.         <thead>
  63.             <tr>
  64.                 <td>编号</td>
  65.                 <td>标题</td>
  66.             </tr>
  67.         </thead>
  68.         <tbody>
  69.             <tr>
  70.                 <td>1</td>
  71.                 <td>cyy1</td>
  72.             </tr>
  73.             <tr>
  74.                 <td>1</td>
  75.                 <td>cyy1</td>
  76.             </tr>
  77.             <tr>
  78.                 <td>1</td>
  79.                 <td>cyy1</td>
  80.             </tr>
  81.             <tr>
  82.                 <td>1</td>
  83.                 <td>cyy1</td>
  84.             </tr>
  85.             <tr>
  86.                 <td>1</td>
  87.                 <td>cyy1</td>
  88.             </tr>
  89.             <tr>
  90.                 <td>1</td>
  91.                 <td>cyy1</td>
  92.             </tr>
  93.             <tr>
  94.                 <td></td>
  95.                 <td></td>
  96.             </tr>
  97.             <tr>
  98.                 <td></td>
  99.                 <td></td>
  100.             </tr>
  101.         </tbody>
  102.         <tfoot>
  103.             <tr>
  104.                 <td>2</td>
  105.                 <td>cyy2</td>
  106.             </tr>
  107.             <tr>
  108.                 <td></td>
  109.                 <td></td>
  110.             </tr>
  111.             <tr>
  112.                 <td></td>
  113.                 <td></td>
  114.             </tr>
  115.         </tfoot>
  116.     </table>
  117. </body>
  118. </html>

 

 可以看到空白单元格的边框没有了，但是位置仍旧存在；

 

细线无边框表格样式：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:10px;
  17.         }
  18.         table{
  19.             width:300px;
  20.             border:none;
  21.             border-collapse:collapse;
  22.         }
  23.         td{
  24.             border:none;
  25.             border-right:1px solid #ddd;
  26.             border-top:1px solid #ddd;
  27.             padding:10px;
  28.  
  29.         }
  30.         table td:last-child{
  31.             border-right:none;
  32.         }
  33.         table tr:last-child td{
  34.             border-bottom:1px solid #ddd;
  35.         }
  36.         table thead{
  37.             background:#f3f3f3;
  38.         }
  39.     </style>
  40. </head>
  41. <body>
  42.     <table border="1">
  43.         <caption>表格标题</caption>
  44.         <thead>
  45.             <tr>
  46.                 <td>编号</td>
  47.                 <td>标题</td>
  48.             </tr>
  49.         </thead>
  50.         <tbody>
  51.             <tr>
  52.                 <td>1</td>
  53.                 <td>cyy1</td>
  54.             </tr>
  55.             <tr>
  56.                 <td>1</td>
  57.                 <td>cyy1</td>
  58.             </tr>
  59.             <tr>
  60.                 <td>1</td>
  61.                 <td>cyy1</td>
  62.             </tr>
  63.             <tr>
  64.                 <td>1</td>
  65.                 <td>cyy1</td>
  66.             </tr>
  67.         </tbody>
  68.         <tfoot>
  69.             <tr>
  70.                 <td>2</td>
  71.                 <td>cyy2</td>
  72.             </tr>
  73.         </tfoot>
  74.     </table>
  75. </body>
  76. </html>

 

 

数据表格设计：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:10px;
  17.         }
  18.         table{
  19.             width:300px;
  20.             border:none;
  21.             border-collapse:collapse;
  22.         }
  23.         table td{
  24.             border:none;
  25.             border-top:1px solid #ccc;
  26.             padding:10px;
  27.         }
  28.         table tr:last-child td{
  29.             border-bottom:1px solid #ccc;
  30.         }
  31.         table tr:hover{
  32.             cursor:pointer;
  33.             background:#f3f3f3;
  34.         }
  35.     </style>
  36. </head>
  37. <body>
  38.     <table border="1">
  39.         <caption>表格标题</caption>
  40.         <thead>
  41.             <tr>
  42.                 <td>编号</td>
  43.                 <td>标题</td>
  44.             </tr>
  45.         </thead>
  46.         <tbody>
  47.             <tr>
  48.                 <td>1</td>
  49.                 <td>cyy1</td>
  50.             </tr>
  51.             <tr>
  52.                 <td>1</td>
  53.                 <td>cyy1</td>
  54.             </tr>
  55.             <tr>
  56.                 <td>1</td>
  57.                 <td>cyy1</td>
  58.             </tr>
  59.             <tr>
  60.                 <td>1</td>
  61.                 <td>cyy1</td>
  62.             </tr>
  63.         </tbody>
  64.         <tfoot>
  65.             <tr>
  66.                 <td>2</td>
  67.                 <td>cyy2</td>
  68.             </tr>
  69.         </tfoot>
  70.     </table>
  71. </body>
  72. </html>

 

 

多种方式定义列表符号：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:200px;
  17.         }
  18.         ul{
  19.             /* list-style-type:decimal;
  20.             list-style-type:lower-roman;
  21.             list-style-type:lower-alpha; */
  22.             list-style-type:none;
  23.             list-style-image:url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1020845411,2129931148&fm=26&gp=0.jpg);
  24.             list-style-image:linear-gradient(red,pink,orange,lightblue);
  25.             list-style-image:radial-gradient(red,pink,orange,lightblue);
  26.         }
  27.     </style>
  28. </head>
  29. <body>
  30.     <ul>
  31.         <li>item</li>
  32.         <li>item</li>
  33.         <li>item</li>
  34.         <li>item</li>
  35.     </ul>
  36. </body>
  37. </html>

 

 

多图背景控制列表符号：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:200px;
  17.         }
  18.         ul{
  19.             list-style-type:none;
  20.         }
  21.         ul li{
  22.             background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604766922678&di=51bf231496e65f0aeaf6ae5fef91155e&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201804%2F01%2F20180401162305_W3ia4.jpeg);
  23.             background-size:15px 15px;
  24.             background-repeat:no-repeat;
  25.             background-position:0px 2px;
  26.             text-indent:20px;
  27.             border-bottom:1px solid #ddd;
  28.             margin-bottom:10px;
  29.             padding-bottom:5px;
  30.         }
  31.     </style>
  32. </head>
  33. <body>
  34.     <ul>
  35.         <li>item</li>
  36.         <li>item</li>
  37.         <li>item</li>
  38.         <li>item</li>
  39.     </ul>
  40. </body>
  41. </html>

 

 

after与before追加元素样式使用：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:200px;
  17.         }
  18.         
  19.         h2{
  20.             cursor:pointer;
  21.         }
  22.         h2:hover::after{
  23.             content:attr(data-content);
  24.             color:red;
  25.             background:pink;
  26.             border:1px solid #ddd;
  27.         }
  28.     </style>
  29. </head>
  30. <body>
  31.     <h2 data-content="这是data数据">我是h2</h2>
  32. </body>
  33. </html>

 

 

使用after与before制作绚丽的表单：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="关键词1，关键词2，关键词3">
  7.     <meta name="description" content="网站描述bla bla">
  8.     <title>网站标题</title>
  9.     <link rel="stylesheet" href="style.css">
  10.     <style>
  11.         *{
  12.             margin:0;
  13.             padding:0;
  14.         }
  15.         body{
  16.             padding:200px;
  17.         }
  18.         
  19.         .field{
  20.             position: relative;
  21.         }
  22.         .field::after{
  23.             content:'';
  24.             display:block;
  25.             background-image:linear-gradient(to right,white,red,green,blue,white);
  26.             height:1px;
  27.         }
  28.         input{
  29.             width:100%;
  30.             border:none;
  31.             outline:none;
  32.             text-align:center;
  33.         }
  34.         .field::before{
  35.             content:attr(data-help);
  36.             display:block;
  37.             color:#555;
  38.             font-size:12px;
  39.             position:absolute;
  40.             top:-10px;
  41.             width:100%;
  42.             text-align:center;
  43.            
  44.         }
  45.     </style>
  46. </head>
  47. <body>
  48.     <div class="field" data-help="请输入用户名">
  49.         <input type="text">
  50.     </div>
  51. </body>
  52. </html>

 

原文链接：http://www.cnblogs.com/chenyingying0/p/13942641.html

 友情链接：直通硅谷 　点职佳 　北美留学生论坛

CSS热门文章

  • CSS实现文字两端对齐
  • 【WEB基础】HTML & CSS 基础入门（6）超链接
  • Javascript 对象 - 数学对象
  • 对移动端兼容适配的分析
  • Element FORM结合Vue实现横向排列表单项
  • 如何让一个input输入框居中
  • CSS Grid 布局完全指南(图解 Grid 详细教程)
  • css常见的各种布局上（两列布局）
  • vue+element导入导出excel
  • WEB前端动态背景集

    • CSS推荐文章

  • CSS布局概念与技术教程
  • 15 分钟带你感受 CSS :has() 选择器的强大 - xingba-coder
  • 现代 CSS 解决方案：文字颜色自动适配背景色！
  • 脚踏esbuild祥云，胸怀tsx利刃，身披scss羽衣，追寻前端的本质
  • 深入解析css-笔记
  • CSS 还原拉斯维加斯球数字动画
  • 震惊！CSS 也能实现碰撞检测？
  • 前端开发如何更好的避免样式冲突？级联层(CSS@layer)
  • 现代 CSS 解决方案：CSS 原生支持的三角函数
  • 利用css var函数让你的组件样式输出规范样式API，可定制性更高；

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号