css子代选择器

最新推荐文章于 2024-07-20 10:21:33 发布

前端技术负责人

最新推荐文章于 2024-07-20 10:21:33 发布

阅读量576

点赞数

分类专栏： web前端文章标签： v

本文链接：https://blog.csdn.net/weixin_43837268/article/details/85600896

版权

web前端专栏收录该内容

420 篇文章 10 订阅

订阅专栏

<!doctype html>
<html>
  <head>
    <title>网页</title>
    <meta charset="utf-8">
    <style>
      table{
        border:1px solid #000;
        width:400px;
        height:300px; 
      }
      table td{
        border:1px solid #000;
      }
      tr:first-child{
        background:yellow;
      }
      tr:last-child{
        background:red;
      }
      tr:nth-child(3){
        background:blue;
      }
      tr:nth-child(2) td:nth-child(3){
        background:orange;
      }
      tr td:not(:first-child){
        font-weight:bold;
        font-style:italic;
        font-size:24px;
      }
    </style>
  </head>
  <body>
     <!--创建一个4*4的表格，并填充内容
          1.设置第一行数据的背景颜色为黄色
          2.设置最后一行数据的背景颜色为红色-->
          <table>
            <tr>
              <td>1</td>
              <td>2</td>
              <td>3</td>
              <td>4</td>
            </tr>
            <tr>
              <td>5</td>
              <td>6</td>
              <td>7</td>
              <td>8</td>
            </tr>
            <tr>
              <td>9</td>
              <td>10</td>
              <td>11</td>
              <td>12</td>
            </tr>
            <tr>
              <td>13</td>
              <td>14</td>
              <td>15</td>
              <td>16</td>
            </tr>
          </table>
  </body>
</html>