CSS入门基础教程:CSS间隙属性


  示例如下:

.d1{padding-left:1cm}

  示例:

<html>
<head>
<title>左间隙属性 padding-left</title>
<style type="text/css">
td {padding-left: 2cm}
</style>
</head>

<body>

<table border= "1">
<tr>
<td>这个单元格的CSS左间隙属性(padding-left)为2厘米。</td>
</tr>
</table>

</body>
</html>

  右间隙属性(padding-right)

  这个属性用来设定右间隙的宽度。示例如下:

.d1 {padding-right:1cm}

  演示示例请参照左间隙属性示例,只要将里面的padding-left改成padding-right即可。

  上间隙属性(padding-top)

  这个属性用来设定上间隙的宽度。示例如下:

.d1 {padding-top:1cm}

  演示示例请参照左间隙属性示例,只要将里面的padding-left改成padding-top即可。

  下间隙属性(margin-bottom)

  这个属性用来设定下间隙的宽度。示例如下:

.d1{padding-bottom:1cm}

  演示示例请参照左间隙属性示例,只要将里面的padding-left改成padding-bottom即可。

  间隙属性(padding)

  这个属性是设定间隙宽度的一个快捷的综合写法,用这个属性可以同时设定上下左右间隙属性。

  你可以为上下左右间隙设置相同的宽度。示例入下:

.d1 {padding:1cm}

  你也可以分别设置间隙,顺序是上,右,下,左。示例如下:

.d1 {padding:1cm 2cm 3cm 4cm}

  上面的代码表示,上间隙为1cm,右间隙为2cm,下间隙为3cm,左间隙为4cm。

  示例:上下左右间隙宽度相同

<html>
<head>
<title>间隙属性 padding</title>
<style type="text/css">
td {padding: 1cm}
</style>
</head>
<body>

<table border= "1">
<tr>
<td>这个单元格设置了CSS间隙属性。上下左右间隙宽度都为1厘米。</td>
</tr>
</table>

</body>
</html>

  示例:上下左右间隙宽度各不相同

<html>
<head>
<title>间隙属性 padding</title>
<style type="text/css">
td {padding: 0.5cm 1cm 4cm 2cm}
</style>
</head>
<body>

<table border= "1">
<tr>
<td>这个单元格设置了CSS间隙属性。上间隙为0.5厘米,右间隙为1厘米,下间隙为4厘米,左间隙为2厘米。</td>
</tr>
</table>

</body>
</html>



相关阅读:
在XP和Windows Server 2003使用凭据管理下
分析Vista系统和Win7系统的崩溃转储文件
ASP.NET实例教程:创建数据透视表
css复合选择器:使用css的类名交集复合选择器
Javascript 构造函数 实例分析
实用技巧 Linux系统的经典使用技巧八则
HTML组件(HTML COMPONENTS)之六
SQL Server允许重复空字段不空字段值唯一
Oracle中如何使用nid的修改数据库名
如何使用PHP往windows中添加用户
asp OpenTextFile文本读取与写入实例代码
asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输
使用sockets:从新闻组中获取文章(一)
不刻盘运行Knoppix:将Knoppix植入硬盘
快速导航

Copyright © 2016 phpStudy |