方法：1、利用“元素{background-image:url(圖片元素);}”語句將圖片設(shè)置為元素的背景圖片；2、利用“元素{background-position:left top;}”語句來定位背景圖片，讓背景圖片居右上角顯示即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css怎樣讓圖片居左上角顯示

1、新建一個(gè)html文件，命名為test.html，用于講解css+div怎么讓背景圖片div的左上角。使用div創(chuàng)建一個(gè)模塊，用于測試。給div標(biāo)簽添加一個(gè)class屬性，設(shè)置為mybg。

2、在css標(biāo)簽內(nèi)，通過class設(shè)置div的樣式，定義它的寬度300px，高度為300px，邊框?yàn)?px。再通過background-image屬性設(shè)置背景圖片為1.png，通過background-repeat設(shè)置背景圖片不平鋪，并將background-position屬性設(shè)置為“l(fā)eft top”，控制背景圖片在左上角。

在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。

總結(jié)：

1、使用div創(chuàng)建一個(gè)模塊，給div標(biāo)簽添加一個(gè)class屬性。

2、在css標(biāo)簽內(nèi)，通過class設(shè)置div的樣式，定義它的寬度300px，高度為300px，邊框?yàn)?px。

3、在css標(biāo)簽內(nèi)，再通過background-image屬性設(shè)置背景圖片為1.png，通過background-repeat設(shè)置背景圖片不平鋪，并將background-position屬性設(shè)置為“l(fā)eft top”，控制背景圖片在左上角。

（學(xué)習(xí)視頻分享：css視頻教程）