html表格的css样式

来源：互联网发布：c语言第四章答案编辑：程序博客网时间：2024/04/26 06:53

<!DOCTYPE html><html lang="zh-CN"><head>  <title>table-test</title>  <style>    table {      border: solid 1px lightblue;    }  </style></head><body>  <table>    <tr>      <td>hellow</td>      <td>world</td>      <td>hellow</td>      <td>world</td>    </tr>    <tr>      <td>hellow</td>      <td>world</td>      <td>hellow</td>      <td>world</td>    </tr>    <tr>      <td>hellow</td>      <td>world</td>      <td>hellow</td>      <td>world</td>    </tr>  </table></body></html>

这里写图片描述

  <style>    table, tr {      border: solid 1px lightblue;    }  </style>

这里写图片描述

  <style>    table, tr, td {      border: solid 1px lightblue;    }  </style>

这里写图片描述

  <style>    table {      border-collapse: collapse;  //设置是否将表格边框折叠为单一边框    }    table, tr, td {      border: solid 1px lightblue;    }  </style>

这里写图片描述

阅读全文

0 0