CSS:框模型概述

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013101178/article/details/81560157

1.内边距padding

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>CSS:所有内边距属性在一个声明中</title>
    <style>
        td.test1 {
            padding: 1.5cm;
        }
        td.test2 {
            padding: 0.5cm 2.5cm;
        }
        td.test3 {
            padding-bottom: 1.5cm;/*下内边距*/
        }
    </style>
</head>

<body>
<table border="1">
    <tr>
        <td class="test1">
            这个表格单元的每个边拥有相等的内边距。
        </td>
    </tr>
</table>

<table border="1">
    <tr>
        <td class="test2">
            这个表格单元的上和下内边距是 0.5cm,左和右内边距是 2.5cm。
        </td>
    </tr>
</table>
</body>

</html>

猜你喜欢

转载自blog.csdn.net/u013101178/article/details/81560157