H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈



CSS层叠样式表顶间隙


主题

如何设置文本和边框之间的距离?
在html中使用样式表来设置顶间隙。



解释

属性: 顶端填充

用法:
padding-top: 10px;
padding-top: 10pt;
padding-top: 10%;
padding-top: auto;

定义:
这是用来设置对象的顶间隙。
属性可以设置以下的值。
a)pt:可以以点为单位设置属性值(例如:10pt或者100pt)。
b)px:可以以像素为单位来设置属性值(例如:10px或者100px)。
c)%:可以以百分数为单位来设置属性值(例如:10%或者100%)。
d)auto:这是用来设置自动间隙。

示例1:
<div style="padding-top: 20px;">测试顶端填充</div>

结果:
测试顶端填充

注意:边距和间隙的不同之处在于:间隙属性值是在对象范围内设置的,而边距属性值是指整个对象与附近对象的距离。


示例2:
<div style="padding-top: 30pt;">测试顶端填充</div>

结果:
测试顶端填充



示例3:
<div style="padding-top: 10%;">测试顶端填充</div>

结果:
测试顶端填充



示例4:
<div style="padding-top: auto;">测试顶端填充</div>

结果:
测试顶端填充





一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com