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                  设置四个内边距

  • 相关阅读:
    福大软工1816 · 第二次作业
    团队第一次作业
    软工实践 第三次作业 结对作业一
    软件工程-个人项目
    白茫茫一片真干净·福大软工1816 · 第一次作业
    Alpha 冲刺 (3/10)
    Alpha冲刺 (2/10)
    Alpha 冲刺(1)
    福大软工 · 第七次作业——需求分析报告
    福大软工 · 第八次作业(课堂实战)- 项目UML设计(团队)
  • 原文地址:https://www.cnblogs.com/wsnb8/p/7469682.html
Copyright © 2011-2022 走看看