padding 属性

用途

padding 规定标签的内边距,该属性不可为负值,其简写形式可一次性设置四个边的内边距。

语法

/* <length> value */ 
padding: 2.5em; /*单值语法 */ 

/* <percentage> value */ /*二值语法 */ 
padding: 95%; 

padding: top horizontal bottom; /*三值语法 */ 

padding: top right bottom left; /*四值语法 */

描述

<length>

此关键词指定一个固定的高度。

<percentage>

此关键词表示相当于包含该标签块的高度(即相当于该块的百分比)。

例子

/* HTML */
<div id="gray"> Hudaokeji. </div>

/* CSS */
#gray { 
    padding: 20px; 
    margin: auto; 
    background: gray; 
    text-align: center; 
 }

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa),作者:hudao

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-09-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • padding-top 属性

    Html5知典
  • @supports——关联一组嵌套的CSS语句

    @supports CSS at-rule 关联了一组嵌套的CSS语句,这些语句被放置在一个CSS区块中,该区块以大括号分割, 还有一个由多个CSS声明检测组成...

    Html5知典
  • 机制和原理——样式表导入

    外部样式表的导入包括在HTML文档里链接外部CSS文件的 link方式 和在CSS文件里引入其他CSS文件的 import方式 两种方式。

    Html5知典
  • 微软首位华人“全球技术院士”黄学东:10个神经网络造就工程奇迹

    【新智元导读】微软语音识别技术24年老将黄学东近日被评为“微软全球技术院士”,成功摘下这一微软技术的“桂冠”。 黄学东于1993年加入微软。1995年,黄学东最...

    新智元
  • 【转载】全球最大SaaS公司之一:Adobe的七大焦点问题

    01 我们为什么关注Adobe? ADOBE SYSTEMS(NASDAQ:$(ADBE)$)是一家成立于1982年老牌软件企业,在2012年转型SaaS后的5...

    iCDO互联网数据官
  • Hadoop vs MPP

    最近我听到了很多关于此话题的讨论。同样,这也是一个大数据领域经验不足的客户非常喜欢提问的问题。实际上,我不喜欢这个含糊不清的词语,但是通常客户会找到我们使用它们...

    smartsi
  • Linux系统date命令无法修改或同步时间的解决办法

    今天,在站长交流群里面,又一个站长抱怨服务器每星期都必须手动重启一次,否则 QQ 登陆功能无法使用,原因是服务器时间快了 5 分钟以上,腾讯服务器拒绝提供 AP...

    张戈
  • 谈谈你最熟悉的System.DateTime[下篇]

    在《上篇》中,我们实现了将保存有消息条目的XML向CodeDOM的转换,即是将XML文件生成一个CodeCompileUnit对象,而该CodeCompileU...

    蒋金楠
  • Mongodb 删除添加分片与非分片表维护

     更新时间:2016年01月15日 09:10:01   作者:aqszhuaihuai   

    拓荒者
  • 从数据到代码——通过代码生成机制实现强类型编程[下篇]

    在《上篇》中,我们实现了将保存有消息条目的XML向CodeDOM的转换,即是将XML文件生成一个CodeCompileUnit对象,而该CodeCompileU...

    蒋金楠

扫码关注云+社区

领取腾讯云代金券