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

  • 相关阅读:
    web架构
    网站开发的学习交流 系统架构 负载均衡
    数据库连接
    OpenCV4【12】边缘检测
    python基础_格式化输出(%用法和format用法)
    Python之telnetlib模块
    根据文字或图片来生成用于Banner输出的字符画
    Python3 range() 函数用法
    Python psutil cpu_percent调用说明
    @staticmethod和@classmethod的用法
  • 原文地址:https://www.cnblogs.com/wsnb8/p/7469682.html
Copyright © 2011-2022 走看看