html如何設置圖片的位置


html設置圖片的位置的方法是,給圖片添加background-positon屬性,並且設置合適的屬性值即可,例如【background-position:center;】。

要設置背景圖片的位置,可以使用css給我們提供的background-position屬性。

bakcground-positon屬性是用來設置背景圖片的起始位置的。它的常用屬性值有:

x% y% 第一個值是水平位置,第二個值是垂直。左上角是0%0%。右下角是100%100%。如果僅指定了一個值,其他值將是50%。 。默認值為:0%0%

xpos ypos 第一個值是水平位置,第二個值是垂直。左上角是0。單位可以是像素(0px0px)或任何其他 CSS單位。如果僅指定了一個值,其他值將是50%。你可以混合使用%和positions

inherit 指定background-position屬性設置應該從父元素繼承

代碼示例:

 

 大家可以將上面的示例代碼保存到本地,運行看下效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM