间隙属性(padding)是用来设置元素内容到元素边界的距离。

左间隙属性(padding-left)

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

.d1{padding-left:1cm}

右间隙属性(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。

css 间隙,CSS间隙属性相关推荐

  1. html中如何让两张图片的间隙消失,css怎样处理图片间隙问题?

    css怎样处理图片间隙问题?下面本篇文章给大家介绍一下CSS图片间隙产生的原因及解决方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 图片水平间隙 现象:当多张图片横向排列时,会 ...

  2. css--DIV+CSS布局、常用属性、盒模型、自定义字体、标签的分类及相互转换

    目录 一.DIV+CSS布局 1.1 布局时常用的属性 1.2 布局 - 上中下结构 1.3 布局 - 上中下 - 左右 1.4  圣杯布局和双飞翼布局 二.字体属性 2.1 字体颜色 2.2 字体大 ...

  3. 浅谈对html css的理解,HTML+CSS入门 CSS选择器 、属性和值浅谈

    body { font-size: 0.8em; color: navy; } 上面的意思是为body选择器设置font-size字体大小和color字体颜色. 所以基本的,当它作用与HTML页面时, ...

  4. css text top,text-align属性(css中文本对齐属性)

    text-align属性 设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...

  5. css选择器匹配没有属性x的元素[重复]

    本文翻译自:css selector to match an element without attribute x [duplicate] This question already has an ...

  6. CSS和JS样式属性对照表

    注意:1.在使用js时,如newTD.style.paddingLeft="200";(错误),正确生效的写法是newTD.style.paddingLeft="200p ...

  7. CSS 详细解读定位属性 position 以及参数

    Css 详细解读定位属性 position 以及参数 position 定位属性,是CSS中非常重要的属性.除了文档流布局,就是定位布局了.本来我对这个问题没有放在心上,毕竟写了这么多年的css,对p ...

  8. 可阅读性html css,css有继承性的属性有哪些?

    继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.CSS继承是指设置上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此属性. 继承性的作用:给父元素设置一 ...

  9. CSS学习笔记 display属性

    CSS学习笔记05 display属性 HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素. 块元素 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性, ...

  10. CSS中的!important属性用法

    由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市场. 所以作为一名合格的网站制作人员, 必须要针对不同的浏览器进行微调. 实现不同浏览器之间兼容的方法有很多, 比如利用JS探测用户的浏览器类型 ...

最新文章

  1. 换发型app任性扣费?苹果app订阅任性扣费?怎么办?刚成功
  2. 树莓派3 有线静态路由设置_配置树莓派为wifi热点(AP模式)
  3. 几种存储器的主要应用
  4. SharePoint Portal Server 2003 SP2对文档库事件处理程序所带来的影响
  5. .Net Core下使用KeyDB高可用缓存集群
  6. CentOS查看分区的方式
  7. Disabling contextual LOB creation as createClob()
  8. Android 开发总结大全
  9. 一分钟了解react
  10. c语言if中文字符串比较好,如何在C语言中使用汉字作为if的判断语句?
  11. MAC SSH密钥登陆
  12. 电脑计算机不见桌面,桌面上我的电脑(计算机)不见了怎么办?【图】
  13. 通过IE私有滤镜让IE6 7 8支持背景透明,内容不透明效果
  14. 利用Minst数据集训练原生GAN网络
  15. 一张模板替代数百Excel,这个工具让报表工作自动进行
  16. 使用python抓取分析链家网二手房数据
  17. Windows Server 2008 R2 下载地址
  18. dispatch_once造成的死锁问题
  19. 新氧科技CEO金星直播背后:助推产业线上化,打造医美“新基建”
  20. 数据结构——二叉树错题集

热门文章

  1. 上twitter_如何在Twitter上阻止某人
  2. XSS Filter Evasion Cheat Sheet 中文版
  3. Macbook 2021 M1pro 安装 SentencePiece
  4. Debian下的搜狗拼音安装个人心得
  5. PID控制器的输入量和输出量的物理关系解释
  6. 游戏功能模块——新手引导
  7. win10 将中文名修改成英文名
  8. 强烈推荐这 15 个网站!
  9. 设计模式之面向对象七大基本原则
  10. 亚马逊SP-API对接-网站授权