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

  • 相关阅读:
    按学生成绩排序
    错误分析:floating point formats not linked
    学生成绩等级统计
    两个链表按升序合并
    js随机生成hex色值
    WEB监控系列第一篇:web监控搭建——graphite+statsd(单机搭建)
    WEB监控系列第四篇:statsd指南
    WEB监控系列第三篇:graphite指南
    安装Fedora 15后需做的25件事情
    《python tutorial》python 学习第二天
  • 原文地址:https://www.cnblogs.com/wsnb8/p/7469682.html
Copyright © 2011-2022 走看看