CSS學習筆記-邊框圖片等屬性

    一、邊框圖片：
        1.1含義：
            告訴瀏覽器指定一張圖片做爲邊框
        1.2格式：
             border-image-source:url("images/.."); 
        1.3注意點：
            (1)若是隻經過source指定了一張圖片做爲邊框的圖片，默認狀況下會將圖片放到邊框的四個頂點
            (2)邊框圖片的優先級高於邊框顏色，即設置了邊框圖片那就不會顯示邊框顏色
    二、對圖片進行切割：
        2.1格式：
             border-image-slice:70 70 70 70; 
        2.2含義：
            參數沒有單位，意味着對邊框圖片頂部距離70的位置橫向切割，對邊框右邊距離70的位置豎向切割，下邊、左邊以此類推..
    三、邊框寬度屬性：
        3.1格式：
             border-image-width:10px; 
        3.2含義：
            此屬性不會影響邊框的實際寬度，僅改變邊框圖片顯示的寬度;
    四、填充方式：
        4.1格式：
             border-image-repeat:stretch; 
        4.2含義：
            圖片除了四個角外的其餘部分的填充方式
        4.3取值：
            stretch:拉伸
            repeat：忘兩邊平鋪
            round：拉伸平鋪結合

    本節單詞：
        border：邊框、邊界
        source：來源
        slice：切開、割破
        stretch：拉伸
        round：環形、周圍、圍繞