css中的padding-top属性有什么用

这篇文章主要介绍“css中的padding-top属性有什么用”，在日常操作中，相信很多人在css中的padding-top属性有什么用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css中的padding-top属性有什么用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

padding-top属性

设置要在指明的对象边框与内容之间插入的间距量。

语法

{  padding-top:  sPadding  }

可能的值

◆sPadding

一个变量，用于指定或接收下列值之一：

◆length

浮点数，后跟绝对单位指示符（cm、mm、in、pt或pc）或相对单位指示符（em、ex或px）。

有关支持的长度单位的详细信息，请参阅长度单位参考。

◆percentage

整数，后跟百分号(%)。此值为占父对象宽度的百分比。

对于所有对象，该属性的默认值均为0，并且该属性不会被继承。

注解

不允许为负值。

示例
以下示例使用padding-top属性更改对象的填充。本示例使用TD元素作为内嵌样式表中的选择器，将所有表格单元格的顶部填充设置为1厘米：

<style> td{padding-top:1cm;}  </style>

本示例使用内联脚本在onmouseover事件发生时将单元格的顶部填充设置为1厘米：

<tdonmouseovertdonmouseover="this.style.paddingTop='1cm'"onmouseout="this.style.paddingTop=''"> <imgsrcimgsrc="sphere.jpg"> </td>

到此，关于“css中的padding-top属性有什么用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！