background-position屬性用于設置背景圖像的起始位置的。語法為background-position: x y,其中x表示水平位置,y表示垂直位置;x和y有多種賦值方式,例:top left,3% 2%,xpos ypos。
css background-position屬性怎么用?
background-position屬性可以設置背景圖像的起始位置。
語法:
background-position: x y
可以設置的值:
| 值 | 描述 |
|---|---|
| left top left center left bottom right top right center right bottom center top center center center bottom | 如果僅指定一個關鍵字,其他值將會是"center" |
| x% y% | 第一個值是水平位置,第二個值是垂直。左上角是0%0%。右下角是100%100%。如果僅指定了一個值,其他值將是50%。 。默認值為:0%0% |
| xpos ypos | 第一個值是水平位置,第二個值是垂直。左上角是0。單位可以是像素(0px0px)或任何其他 CSS單位。如果僅指定了一個值,其他值將是50%。你可以混合使用%和positions |
說明:這個屬性設置背景原圖像(由 background-image 定義)的位置,背景圖像如果要重復,將從這一點開始。
注釋:您需要把 background-attachment 屬性設置為 "fixed",才能保證該屬性在 Firefox 和 Opera 中正常工作。
css background-position屬性 示例
<!DOCTYPE html><html><head><meta charset="utf-8"> <style type="text/css">body{ background-image:url('https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position:center;}</style></head><body><body><p><b>提示:</b>您需要把 background-attachment 屬性設置為 "fixed",才能保證該屬性在 Firefox 和 Opera 中正常工作。</p></body></body></html>以上就是如何使用css background-position屬性,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注本站行業資訊頻道。
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
公積金是在職職工繳存的一筆長期住房儲蓄，因為貸款利率比商貸要低而且優惠力度更大，所以很多人買房首選公積金貸款，那么省直公積金是什么意思，省直公積金如何提取呢，一起來看解答。省直公積金是指省直各單位、中央單位、部屬、省屬大專院校及其所屬單位住房公積金和其他住房資金。省公積金一般是鐵路單位，國家機關單位買的，一般的企業都是買市公積金。省公積金可以全省內用，可以先還商業貸款的部分，再還公積金貸款的部分。...
(資料圖片)2022年雙十一全平臺GMV yoy +13.7%。根據星圖的數據顯示，雙十一大促期間（10 月31 日20:00-11 月11 日23:59）綜合電商平臺、直播平臺累積銷售額為11154 億元，yoy +13.7%，其中綜合電商平臺總計銷售額為9340 億元，yoy +2.9%，基本維持不變；直播電商銷售額為1814 億元，yoy +146.1%?？爝f數據方面，據數據顯示，11 月1...
(資料圖片)關于基德哪幾集有出現的知識大家了解嗎？以下就是小編整理的關于基德哪幾集有出現的介紹，希望可以給到大家一些參考，一起來了解下吧！基德出現的集數如下：1、第七十六集：柯南對決怪盜基德，基德的首次出場，與柯南的初次對決；2、第二百一十九集：被召集的名偵探工藤新一對決怪盜基德，基德參與新一沒有正面接觸，他們共同保護了城市的大鐘；3、第三百五十六集：怪盜基德的驚異空中步行，基德接受了鈴木次郎的挑...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）