边框属性的使用 （使用边框属性绘制三角形）

    1.组成边框的样式

        - 边框宽度 border-width

        - 边框样式 border-style

        - 边框颜色 border-color

    2.边框属性的属性值

        - 边框宽度:数值加单位(px)

        - 边框样式:solid(实线) dashed(虚线) dotted(点线) double(双实线)

        - 边框颜色

            - 英文单词:yellow、green、red...

            - 十六进制:

                - 以#开头,后面接六个字符(0~9a~f) #1234ab

                - 当后面的六个字符相等的时候可以简写成3个

                - #778899(#789) #000 #fff #ccc

    3.边框属性的简写方式

        - 属性:border

        - 属性值:border-width border-style border-color

    4.通过需求拓展边框其他属性的用法

        - 改变顶部边框的颜色:border-top-color

        - 改变右侧所有的样式:border-right

        - 清除标签的自带边框:border:none/0

使用边框属性绘制三角形

        1、设置盒子宽高为 0 像素

        2、设置边框的宽度、样式、颜色为transparent(透明色)

        3、上边框定义单实线再设置颜色

div{
            width: 0;
            height: 0;
            border: 100px solid transparent;
            border-top: 100px solid #000;
        }