CSS中内边距padding的使用详解

CSS在前端网页的建造中占着举足轻重的地位,对CSS的熟悉水平直接影响着网页建造的快慢和页面结果的实现。下面介绍CSS中内边距padding的利用。

方式/步调

  1. 1

    新建一个HTML文件,定名为test.html,用于讲解内边距padding的利用。

  2. 2

    为了展示设置内边距后的较着结果,在test.html内编写一个带红色边框的div,并在div内界说一个p标签,对p标签内边距进行设置。

  3. 3

    设置p标签的下内边距。经由过程padding-bottom来设置,设置的值越大,下内边距就越大,常用的单元有px,rem,cm。

  4. 4

    设置p标签的上内边距。经由过程padding-top来设置,设置的值越大,上内边距就越大,常用的单元有px,rem,cm。

  5. 5

    设置p标签的左内边距。经由过程padding-left来设置,设置的值越大,左内边距就越大,常用的单元有px,rem,cm。

  6. 6

    设置p标签的右内边距。经由过程padding-right来设置,设置的值越大,右内边距就越大,常用的单元有px,rem,cm。

  7. 7

    内边距padding还可以一次性对上下摆布的内边距进行设置,设置的挨次是固心猿意马的,挨次为上内边距,右内边距,下内边距,左内边距。

  • 发表于 2019-07-31 06:09
  • 阅读 ( 717 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具