使用html中的表格(table)实现小案例

原创 2018-11-10 16:58:53 356
摘要:<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>表格demo</title>   <style type="text/cs
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>表格demo</title>
  <style type="text/css">
        a{text-decoration:none;color: #000;}
        th:hover{text-decoration:underline;color: #F08080;}
        td:hover{text-decoration:underline;color: #778899;}
        *{margin: 0px;padding: 0px;}
        table{border:1px solid #ccc;border-collapse: collapse;}
        tr td{height:50px;border: 1px solid #ccc;width:100px;text-align:center;}
        tr th{height:70px;border: 1px solid #ccc;width:100px;}
        a{color:red;font-weight:bold;}
        #tpg1{background:red;color: #fff}
  </style>
</head>
<body>
  <body>
    <table>
      <tr>
        <th colspan="5">关键词排单布局表</th>
      </tr>
      <tr>
        <th colspan="5">
          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1541849781807&di=21c1442e3e17d81d0259254e09eba989&imgtype=0&src=http%3A%2F%2Fpic.58pic.com%2F58pic%2F14%2F09%2F69%2F03K58PIC8wB_1024.jpg" alt="">
        </th>
      </tr>
      <tr>
        <td colspan="5">
          <a href="https://item.taobao.com/item.htm?spm=a1z38n.10677092.0.0.11891debWFrksz&id=581058036068" target="_blank">宝贝链接:点击跳转</a>
        </td>
      </tr>
      <tr id=tpg1>
        <!-- <td rowspan="2">合并行 1</td> -->
        <td>关键词</td>
        <td>单量</td>
        <td>收藏</td>
        <td>加购</td>
        <td>点击</td>
      </tr>
      <tr>
        <td>公司职员办公室电脑办公桌组合隔断</td>
        <td>3</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
      </tr>
    </table>
</body>
</html>


批改老师:韦小宝批改时间:2018-11-10 17:00:44
老师总结:写的很不错!但是下次记得加点自己的总结在里面哦!继续加油吧!!

发布手记

热门词条