您的位置：首页 > Web前端 > CSS

CSS学习Day06

2017-01-03 22:15 211 查看

设置内边距

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css

相关文章推荐

新的分享

章节导航