div內放兩張背景圖片,一個最左邊，一個最右邊

在css中，可以通過background屬性中的left和right來設置背景圖片的位置。下面小編舉例講解div內放兩張背景圖片,一個最左邊，一個最右邊。

東西/原料

1
新建一個html文件，定名為test.html，用于講解div內放兩張布景圖片,一個最左邊，一個最右邊。
2
在test.html文件內，利用div標簽建立一個模塊，用于測試。
3
在test.html文件內，設置div的class為myclass，用于下面設置div的樣式。
4
在css標簽內，經由過程class設置div的樣式，設置其寬度為300px，高度為300px，邊框1px。
5
在css標簽內，再利用background設置div的布景圖片，在設置布景圖片的同時，利用left top設置第一張布景圖片在左上角，利用right top設置第二張布景圖片在右上角。
6
在瀏覽器打開test.html文件，查看實現的結果。
END