Study 7 —— CSS美化背景和邊框

圖片透明度屬性：opacity

背景圖片重複屬性：background-repeat
背景圖片位置屬性：background-position
                 background-postion:橫座標 縱座標;
                 background-postion:left center;
                 background-postion:left top;
                 background-postion:left bottom;

背景圖片區域屬性：background-origin: border | padding | content
背景圖片大小屬性：background-size
背景圖片顯示屬性：background-attachment:scroll | fixed   /* 規定圖片是固定仍是隨頁面滑動(默認固定)*/

背景圖片裁剪區域：background-clip: border-box | padding-box | content-box | no-clip背景複合屬性：background: 背景顏色 背景圖片 是否重複 圖片位置 圖片滾動;{background: background-color background-image background-repeat background-attachment              background-position background-size background-clip background-origin}邊框複合屬性邊框樣式：{border-style: border-top-style border-right-style border-bottom-style border-left-style}邊框顏色：{border-color: border-top-color border-right-color border-bottom-color border-left-color}邊框線寬：{border-width: border-top-width border-right-width border-bottom-width border-left-width}邊框複合：{border: border-width border-style border-color}圓角邊框屬性：border-radius: none　| length兩個圓角半徑：border-radius: length/lengthborder-radius衍生屬性:border-top-right-radiusborder-bottom-right-radiusborder-top-left-radiusborder-bottom-left-radius圖片邊框{border-imgage: image (number | percentage) (stretch | repeat | round);}