摘要:我們來看控制背景圖片的位置,在企業(yè)開發(fā)中用在什么地方呢我們打開一個(gè)網(wǎng)站,如盛大游戲,保存它的背景圖到本地我們先點(diǎn)擊檢查,查看背景圖的地址然后將地址復(fù)制到地址欄中然后將圖片保存到本地工程的文件夾中然后在網(wǎng)頁中先用打開發(fā)現(xiàn)圖片不能完全顯示,然
我們來看控制背景圖片的位置,在企業(yè)開發(fā)中用在什么地方呢?
1.我們打開一個(gè)網(wǎng)站,如盛大游戲,保存它的背景圖到本地
http://www.sdo.com/
我們先點(diǎn)擊檢查,查看背景圖的地址
然后將地址復(fù)制到地址欄中
然后將圖片保存到本地工程的images文件夾中
然后在網(wǎng)頁中先用background-image打開
發(fā)現(xiàn)圖片不能完全顯示,然后我們用
我們發(fā)現(xiàn)圖片完全打開了,但是下面有滾動條,一般,只有特別low的網(wǎng)站下面才有滾動條
一般我們網(wǎng)站首頁的圖片要非常的大,因?yàn)椴还芄P記本還是臺式機(jī)電腦,顯示器的分辨率是非常多的,如果我將圖片做小了,電腦分辨率大特別大的就顯示不完整了,如果圖片做大了,
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/2095.html
摘要:注意點(diǎn)同一個(gè)標(biāo)簽可以同時(shí)設(shè)置背景顏色和背景圖片,如果顏色和圖片同時(shí)存在,那么圖片會覆蓋顏色,但凡給我們的標(biāo)簽設(shè)置了背景圖片以后,我們發(fā)現(xiàn)這個(gè)圖片一直在左上角,我如果不想讓它在左上角應(yīng)該怎么辦呢這就要用到我們這節(jié)課的內(nèi)容。注意點(diǎn):同一個(gè)標(biāo)簽可以同時(shí)設(shè)置背景顏色和背景圖片,如果顏色和圖片同時(shí)存在,那么圖片會覆蓋顏色, 但凡給我們的標(biāo)簽設(shè)置了背景圖片以后,我們發(fā)現(xiàn)這個(gè)圖片一直在左上角,我如果不想...
摘要:快捷鍵補(bǔ)充到這里屬性基本就講完了,然后我們還有一些的屬性沒有講,但是要用到盒子模型,現(xiàn)在我們沒有學(xué)盒子模型,所以不用講背景圖片和插入圖片區(qū)別我們先來看一個(gè)例子如何快速的打出以下代碼鍵現(xiàn)在,我們要分別用背景圖片和插入圖片的方式插入快捷鍵補(bǔ)充: bc? background-color:; bi??background-image:; bgr?background-repeat:; gp??ba...
摘要:如何設(shè)置背景圖片在中有一個(gè)叫做的屬性,就是專門用于設(shè)置背景圖片的。1.如何設(shè)置背景圖片? 在css中有一個(gè)叫做background-image:url();的屬性,就是專門用于設(shè)置背景圖片的。 注意點(diǎn): 1.圖片的地址必須放在url()中,圖片的地址是本地的地址,也可以是網(wǎng)絡(luò)的地址 2.如果圖片的大小沒有標(biāo)簽的大小大,那么會自動在水平和垂直方向平鋪和填充 3.如果網(wǎng)頁上出現(xiàn)了圖片,那...
摘要:如何控制背景圖片的平鋪方式在中有一個(gè)屬性,就是專門用于控制背景圖片的平鋪方式的取值默認(rèn),在水平和垂直都需要平鋪在水平和垂直都不需要平鋪只在水平方向平鋪只在垂直方向平鋪應(yīng)用場景先看原理圖片可以通過背景圖片的平鋪來降低圖片的大小,提升網(wǎng)1.如何控制背景圖片的平鋪方式? 在CSS中有一個(gè)background-repeat屬性,就是專門用于控制背景圖片的平鋪方式的 取值: repeat? ?默認(rèn),在...
摘要:如何設(shè)置標(biāo)簽的背景顏色在中有一個(gè)屬性,就是專門用來設(shè)置標(biāo)簽的背景顏色的取值具體單詞十六進(jìn)制我們來依次驗(yàn)證一下1.如何設(shè)置標(biāo)簽的背景顏色? 在CSS中有一個(gè)background-color:屬性,就是專門用來設(shè)置標(biāo)簽的背景顏色的 取值: 具體單詞 rgb rgba 十六進(jìn)制 我們來依次驗(yàn)證一下
閱讀 1845·2021-11-23 09:51
閱讀 1303·2021-11-18 10:02
閱讀 974·2021-10-25 09:44
閱讀 2114·2019-08-26 18:36
閱讀 1634·2019-08-26 12:17
閱讀 1158·2019-08-26 11:59
閱讀 2755·2019-08-23 15:56
閱讀 3367·2019-08-23 15:05