CSS学习Day06

来源：互联网发布：新版淘宝淘抢购在哪编辑：程序博客网时间：2024/06/07 05:44

设置内边距

<html> <head>   <style type="text/css">td{padding-left: 10%}</style>  </head>  <body>   <table border="1">    <tbody>    <tr>      <td> 这个表格单元拥有左内边距。 </td>     </tr>    </tbody>  </table>    </body></html>

之前提到了设置外边距，我们也可以设置内边距，我们可以使用padding-left设置左边距是多少，同理也可以使用cm，%单位来设置。
以下是将所有的属性放在一起的写法：

<html> <head>   <style type="text/css">td.test1 {padding: 1.5cm}td.test2 {padding: 0.5cm 2.5cm}</style>  </head>  <body>   <table border="1">    <tbody>    <tr>      <td class="test1"> 这个表格单元的每个边拥有相等的内边距。 </td>     </tr>    </tbody>  </table>   <br />   <table border="1">    <tbody>    <tr>      <td class="test2"> 这个表格单元的上和下内边距是 0.5cm，左和右内边距是 2.5cm。 </td>     </tr>    </tbody>  </table>    </body></html>

0 0