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

  • 相关阅读:
    eth0 no such device(reload)
    wince驱动开发入门
    如何在Linux中添加新的系统调用
    嵌入式Linux启动优化手记2 U…
    关于uboot的一些优化
    Yaffs2根文件系统制作
    kernel下制作动态logo
    linux dev/dsp 声卡学习笔记
    【JDK8】Java8 优雅的异步调用API CompletableFuture
    每周总结:2019年12月第5周
  • 原文地址:https://www.cnblogs.com/wsnb8/p/7469682.html
Copyright © 2020-2023  润新知