怎么設置html背景圖片位置

這篇文章主要介紹“怎么設置html背景圖片位置”，在日常操作中，相信很多人在怎么設置html背景圖片位置問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么設置html背景圖片位置”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

公司主營業(yè)務：網站設計制作、網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出榆次免費做網站回饋大家。

設置html的背景圖片的位置的方法是，給背景圖片添加background-position屬性，并且修改合適的屬性值就可以了，例如【background-position:center;】。

本文操作環(huán)境：windows10系統(tǒng)、html 5、thinkpad t480電腦。

如果我們想要在html代碼中移動下背景圖片的位置，其實可以借助于background-position屬性?？赡懿簧偻瑢W還不知道這個屬性，下面我們來介紹下這個屬性。

background-position屬性是用來設置背景圖像的起始位置的。

它的常用屬性值有以下這些：

  • left top

  • left center

  • left bottom

  • right top

代碼示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>創(chuàng)新互聯(lián)(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>

到此，關于“怎么設置html背景圖片位置”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

文章標題：怎么設置html背景圖片位置
本文路徑：http://muchs.cn/article32/pdgepc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網頁設計公司、外貿建站、手機網站建設、域名注冊、網站設計、定制網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)