• 边界与边框,列表与方块


    border   (表格边框,样式等)、margin    (表外边距)、padding      (内容与单元格间距)

    border:5px    solid      blue       四边框:5像素宽、实线、蓝色(相当于以下三行)

    border-      5px;

    border-style:       solid;

    border-color:       blue;

    border-top:      5px     solid     blue;      上边框:  5像素宽、实线、蓝色

    border-bottom:        5px      solid        blue;         下边框:       5像素宽      、实线      、蓝色

    border-left:      5px     solid     blue;          左边框

    border-right:      5px     solid     blue;        右边框

    margin:     10px;     四边外边框宽度为10像素。auto,居中

    margin-top:10px;            上边框宽度为10像素,其他三边框类似

    margin:     20px       0px        20px      0px       上-右-下-左,四边外边框顺时针顺序

    padding:     10px;      内容与边框的四边间距为10像素

    padding-top:      10px;          内容与边框的上边距为10像素,其他三边类似

    padding:    20px         0px        20px        0px         内容与边框的四边间距顺时针顺序

    width、height、(top、bottom、left、right)只有在绝对坐标下才使用

    list-style:   none;        取消序号

    list-style:        circle        序号变为圆,样式相当于无序

    list-style-image:       url;           图片做序号

    list-style-position:     outside;          序号在内容外

    list-style-position:         inside;         序号跟内容在一起

    不得不说代码记起来比较容易混,程序的新语言学起来还是比较费时的,不过 我想我会把它学好的。

  • 相关阅读:
    Asp.Net+Oracle+BootStrap+Jquery
    UML类图几种关系的总结
    PHP对象在内存堆栈中的分配
    php sprintf 详解
    微信错误代码45047:客服消息只能发送20条/个用户
    php利用array_search与array_column实现二维数组查找
    mvc 详解
    php中++i 与 i++ 的区分详解
    Git 别名多个命令 超实用
    php 对象继承
  • 原文地址:https://www.cnblogs.com/yunpeng521/p/6877511.html
Copyright © 2020-2023  润新知