zoukankan      html  css  js  c++  java
  • CSS3的盒子模型

    盒子模型的内容范围包括:

    margin、border、padding、content部分组成

    内边距属性

      padding 设置所有边距

      padding-bottom 设置底边距

      padding-left 设置左边距

      padding-right 设置右边距

      padding-top 设置上边距

    边框的样式

      border-style 定义了10个不同的非继承样式,包括none

    边框的单边框样式

      border-top-style

      border-left-style

      border-right-style

      border-bottom-style 

    边框的宽度

      border-width

    边框单边框的宽度

      border-top-width

      border-left-width

      border-right-width

      border-bottom-width

    边框的颜色

      border-color

    边框单边的颜色

      border-top-color

      border-left-color

      border-right-color

      border-bottom-color

    CSS3边框

      border-radius 圆角边框

      box-shadow 边框阴影

      border-image 边框图片

    外边距

      默认为透明区域,接受任何长度单位、百分数值

      常用属性

        margin 设置所有边距

        margin-bottom 设置底边距

        margin-left 设置左边距

        margin-right 设置右边距

        margin-top 设置上边距

    合并以多的那一部分为准。

  • 相关阅读:
    Android开发学习笔记-SharedPreferences的用法
    Android开发学习笔记-自定义组合控件
    webpack 4 教程
    react 生命周期图解
    git 操作说明
    echars 3.0 去掉柱状图阴影用什么属性
    react——Table组件
    antd ——按钮
    react——Table组件列中靠左 靠右对齐解决方案
    react中异步的使用
  • 原文地址:https://www.cnblogs.com/nana135/p/6358102.html
Copyright © 2011-2022 走看看