zoukankan      html  css  js  c++  java
  • HTML第六章 盒子模型

     什么是盒子模型:

    (1)边框;

    (2)内边距;

    (3)外边距;

    (4)元素内容·;

    (5)背景色·;

    边框:

    属性:

    颜色(border-color),粗细(border-width),样式(border-style)。

    border-color属性设置方法:

    属性                                    说明

    border-top-color       设置上边框颜色

    border-right-color     设置右边框颜色

    border-bottom-color 设置下边框颜色

    boder-left-color         设置左边框颜色

    border-color               设置四个边框为同一种颜色

    border-width属性设置方法:

    属性                                 说明

    border-top-width         设置上边框粗细

    border-right-width       设置右边框粗细

    border-bottom-width    设置下边框粗细

    border-left-width           设置左边框粗细

    border-width                 设置四个边框同粗细

    border-style属性设置方法:

    属性                                 说明

    border-top-style     设置上边框实线

    border-right-style   设置右边框实线

    border-bottom-style 设置下边框实线

    border-left-style    设置左边框实线

    border-style              设置四个边框都为实线

    外边距:

    外边距属性设置方法:

    属性                                         说明

    margin-top                    设置上外边距

    margin-right                 设置右外边距

    margin-bottom               设置下外边距

    margin-left                    设置左外边距

    margin                   设置四个外边距

    内边距:

    内边距属性设置方法;

    属性                                         说明

    padding-left             设置左内边距

    padding-right          设置右内边距

    padding-top            设置上内边距

    padding-bottom    设置下内边距

    padding                  设置四个内边距

  • 相关阅读:
    非旋Treap——fhq treap
    LCA
    树链剖分
    复习计划
    BZOJ2565: 最长双回文串(回文树)
    回文自动机
    luogu P3796 【模板】AC自动机(加强版)
    【BZOJ2908】 又是nand
    【HDU2460】 Network
    【CF786B】 Legacy
  • 原文地址:https://www.cnblogs.com/wsnb8/p/7469682.html
Copyright © 2011-2022 走看看