语法简写：border：border-width || border-style || border-color，没有顺序。不过一般是按这样写。
    写border的话是四边都有边框，
    要指定哪边的话，加上-top，-right，-bottom，-left。

    属性 作用
    border-width 边框粗细，单位：px
    border-style 样式
    border-color 颜色

    border-style，主要记住三个值就好，分别是：solid（实线边框）、dashed（虚线边框）、dotted（点线边框）。

    例子：
    solid

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.   <title>Document</title>
    10.   <style>
    11.     div {
    12.       width: 200px;
    13.       height: 200px;
    14.       border: 10px solid blue;
    15.     }
    16.   </style>
    17. </head>
    19. <body>
    20.   <div>
    22.   </div>
    23. </body>
    25. </html>

    效果图
    image.png
    改为dashed时
    image.png
    dotted时
    image.png