Css怎么設(shè)置背景顏色和背景圖片-創(chuàng)新互聯(lián)

Css怎么設(shè)置背景顏色和背景圖片？這篇文章運用了實例代碼展示，代碼非常詳細(xì)，可供感興趣的小伙伴們參考借鑒，希望對大家有所幫助。

創(chuàng)新互聯(lián)公司技術(shù)團(tuán)隊10年來致力于為客戶提供網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計、成都品牌網(wǎng)站建設(shè)、成都全網(wǎng)營銷、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過多年發(fā)展，公司擁有經(jīng)驗豐富的技術(shù)團(tuán)隊，先后服務(wù)、推廣了千余家網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機(jī)構(gòu)單位。

1.在CSS中有一個叫做background-position：屬性，就是專門用來控制背景圖片的位置

2.格式：background-position:值1  值2；

值1的取值范圍：left   center   right

值1代表背景圖片的水平位置

值2的取值范圍：top   center   bottom

值2代表背景圖片的垂直位置

值1和值2也可以設(shè)置像素值，來分別表示距離最左邊和最上邊的像素值(注意可以接受負(fù)值，也就是左上角就是坐標(biāo)的原點，圖片的左上角就是坐標(biāo)值的大小)，記住一定要帶單位。默認(rèn)值為：left   top

例子：

<style>
     .box{
       height: 1000px;
       width: 1000px;
       background-image: url("image/snow.jpg");
       background-repeat: no-repeat;
       background-position: center center;
     }
</style>

<div class="box">
</div>
專門建立的學(xué)習(xí)Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享學(xué)習(xí)方法和需要注意的小細(xì)節(jié)，互相交流學(xué)習(xí)，不停更新最新的教程和學(xué)習(xí)技巧（從零基礎(chǔ)開始到WEB前端項目實戰(zhàn)教程，學(xué)習(xí)工具，全棧開發(fā)學(xué)習(xí)路線以及規(guī)劃）

3.使用方式：

我們使用背景圖片，而不是使用img標(biāo)簽，這是因為，當(dāng)我們使用img標(biāo)簽的時候，如果圖片很大那么下面就會有滾動條，但是這種網(wǎng)頁是很垃圾的，因為展示出來首頁，就是讓大家看的，加一個滾動條很不舒服。那我們用小圖片不就得了，這其實也不行，因為我們每個人的屏幕分辨率大小都不同，因此需要一張較大的背景圖片來解決上面的問題。

上文描述的就是Css設(shè)置背景顏色和背景圖片的方法，具體使用情況還需要大家自己動手實驗使用過才能領(lǐng)會。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文題目：Css怎么設(shè)置背景顏色和背景圖片-創(chuàng)新互聯(lián)
本文地址：http://bm7419.com/article12/gdcgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站排名、品牌網(wǎng)站設(shè)計、靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、全網(wǎng)營銷推廣

廣告

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