1. 首頁 > 生活百科 > >

css如何將圖像定位在div右下角

小知識

在css中 ， 使用position屬性便可以將圖像定位在div的右下角 。 下面小編舉例講解css如何將圖像定位在div右下角 。

css如何將圖像定位在div右下角



需要這些哦
css+html
代碼編纂器：z studio 10.0
方式/
1新建一個html文件 ， 定名為test.html ， 用于講解css若何將圖像定位在div右下角 。
css如何將圖像定位在div右下角



2【css如何將圖像定位在div右下角】在test.html文件內 ， 在div標簽內 ， 利用img標簽建立一張圖片 。
css如何將圖像定位在div右下角



3在test.html文件內 ， 給div標簽界說一個class屬性 ， 設置為mycss 。
css如何將圖像定位在div右下角



4在css標簽內 ， 經由過程class設置div的樣式 ， 界說它的寬度、高度為300px ， 布景顏色為灰色 ， 同時 ， 利用position屬性設置它的位置屬性為相對定位 。
css如何將圖像定位在div右下角



5在css標簽內 ， 再界說div內的img圖片的樣式 ， 界說它的寬度與高度都為100px ， 位置屬性為絕對定位 ， 并設置bottom為0(在div的底部), right為0(在div的右邊) 。
css如何將圖像定位在div右下角



6在瀏覽器打開test.html文件 ， 查看實現的結果 。
css如何將圖像定位在div右下角



總結：11、在div標簽內 ， 利用img標簽建立一張圖片 。 2、給div標簽界說一個class屬性 ， 設置為mycss 。 3、在css標簽內 ， 經由過程class設置div的樣式 ， 界說它的寬度、高度為300px ， 布景顏色為灰色 ， 同時 ， 利用position屬性設置它的位置屬性為相對定位 。 4、在css標簽內 ， 再界說div內的img圖片的樣式 ， 界說它的寬度與高度都為100px ， 位置屬性為絕對定位 ， 并設置bottom為0(在div的底部), right為0(在div的右邊) 。 5、在瀏覽器打開test.html文件 ， 查看實現的結果 。


以上內容就是css如何將圖像定位在div右下角的內容啦 ， 希望對你有所幫助哦！

    猜你喜歡