• 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。大家按照顺时针方向记忆就可以了。
     
     
    明天继续盒子
  • 相关阅读:
    mac下安装mysql
    给一些研究生的忠告(转)
    git相关
    PC端网页rem适配方案
    使用es6,对两个数组进行对比,从而修改其中一个数组里的某些值
    uni-app自定义简单的下拉刷新
    vue监听对象里的某个属性
    vue项目文件的权限配置
    vuex的用法
    jsencrypt.js文件解压版
  • 原文地址:https://www.cnblogs.com/zhanglala/p/4960141.html
Copyright © 2020-2023  润新知