複数の背景画像を設定するCSSのdiv

HTML：DIVを定義します

  < divのクラス= "item__content" > </ DIV >

CSS：スタイル

.item__content { 
    位置：相対。
    表示：フレックス。
    フレックス方向：コラム。
    正当化-コンテンツ：センター ; 
    ALIGN-アイテム：センター ; 
    幅：80px ; 
    高さ：80px ; 
    フォントサイズ：40ピクセル ; 
    ボックスサイズ：ボーダーボックス ; 
    色：＃18314F。
    背景色：＃051a2d; 
    背景画像：のURL（」../ IMG / BG /ボーダー-line.png '）、URL（' ../ IMG / BG /ボーダー-line.png '）、URL（' ../ IMG / BG /ボーダー-line.png '）、URL（' ../ IMG / BG /ボーダー-line.png '） ; 
    背景位置：左上、右上、左下、右下 ; 
    背景リピート：なしリピート、ノー繰り返し、ノー繰り返し、ノー繰り返し ; 
    オーバーフロー：隠されました ; 
}

水平放射パターンの四隅:(）