• padding


    作为一名新手,学习CSS,盒子模型是很重要的,今天讲一下padding.

    Padding属性定义元素边框与元素内容之间的空间。
    padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。
    当元素的 Padding(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。
    单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用,一旦改变一切都改变
    padding-top:20px;上内边距 
     
    padding-right:30px;右内边距
    
    padding-bottom:30px;下内边距
     
    padding-left:20px;左内边距
     
    padding:1px四边统一内边距
     
    padding:1px1px上下,左右内边距
     
    padding:1px1px1px上,左右,下内边距
     
    padding:1px1px1px1px上,右,下,左内边距

    所有浏览器都支持 padding 属性。

    padding写法有3种,分别如下:

    padding:像素值;
    padding:像素值1 像素值2;
    padding:像素值1 像素值2 像素值3 像素值4;
    “padding:20px;”表示四个方向的内边距都是20px;
    “padding:20px 40px;”表示padding-top和padding-bottom为20px,padding-right和padding-left为40px。
    “padding:20px 40px 60px 80px;”表示padding-top为20px,padding-right为40px,padding-bottom为60px,padding-left为80px。大家按照顺时针方向记忆就可以了。
     
     
    明天继续盒子
  • 相关阅读:
    计蒜客38228 Max answer 单调栈 + 线段树
    Codeforces 103D Time to Raid Cowavans 分块
    Poj 2352 Stars
    HDU 6203 ping ping ping LCA + 贪心
    redis——数据库发展
    数据库拆分
    java基础算法
    docker部署redis集群
    docker网络
    DockerFile
  • 原文地址:https://www.cnblogs.com/zhanglala/p/4960141.html
Copyright © 2020-2023  润新知