這篇文章將為大家詳細講解有關css如何設置背景圖片自適應居中,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創新互聯服務項目包括瓊中黎族網站建設、瓊中黎族網站制作、瓊中黎族網頁制作以及瓊中黎族網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,瓊中黎族網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到瓊中黎族省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
css設置背景圖片自適應居中的方法:可以借助于background-position屬性來進行設置,如【background-positiion:center;】,屬性值center表示居中。
屬性介紹:
在css中,如果我們要讓一張圖片垂直居中顯示,那么我們可以使用background-position屬性來實現。
屬性介紹:
background-position屬性設置背景圖像的起始位置。
例如我們要將本地圖片作為背景,并讓它居中顯示,那么我們可以這樣做:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>創新互聯(php.cn)</title> <style> body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; } </style> </head> <body> <p><b>注意:</b>該屬性工作在 Firefox 和 Opera, background-attachment 屬性會被設置為 "fixed"。</p> </body> </html>
關于“css如何設置背景圖片自適應居中”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
網站欄目:css如何設置背景圖片自適應居中
鏈接分享:http://vcdvsql.cn/article2/gjecic.html
成都網站建設公司_創新互聯,為您提供全網營銷推廣、建站公司、網站策劃、軟件開發、服務器托管、定制開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯