課時95.背景圖片（掌握）

tylin 發(fā)布于2019-04-23 13:36 / 1337人閱讀

摘要：如何設置背景圖片在中有一個叫做的屬性，就是專門用于設置背景圖片的。

1.如何設置背景圖片？

在css中有一個叫做background-image:url();的屬性，就是專門用于設置背景圖片的。

注意點：

1.圖片的地址必須放在url()中，圖片的地址是本地的地址，也可以是網(wǎng)絡的地址

2.如果圖片的大小沒有標簽的大小大，那么會自動在水平和垂直方向平鋪和填充

3.如果網(wǎng)頁上出現(xiàn)了圖片，那么瀏覽器會再次發(fā)送請求獲取圖片。

我們先將所有的url地址刪除

查看開發(fā)者工具下的Network，發(fā)現(xiàn)什么都沒有

然后我們刷新網(wǎng)頁，發(fā)現(xiàn)下面多出了一行，然后我們點開response，發(fā)現(xiàn)這就是我們多網(wǎng)頁

然后我們點擊開任何一張圖片

再點開開發(fā)者工具選項，發(fā)現(xiàn)里面有兩個響應請求

第一個是我們的頁面，第二個就是我們的圖片了

云服務器 GPU云服務器課時掌握程度掌握php 掌握大數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/2098.html

課時100.背景圖片和插入圖片區(qū)別（掌握）

摘要：快捷鍵補充到這里屬性基本就講完了，然后我們還有一些的屬性沒有講，但是要用到盒子模型，現(xiàn)在我們沒有學盒子模型，所以不用講背景圖片和插入圖片區(qū)別我們先來看一個例子如何快速的打出以下代碼鍵現(xiàn)在，我們要分別用背景圖片和插入圖片的方式插入快捷鍵補充： bc? background-color:; bi??background-image:; bgr?background-repeat:; gp??ba...

omgdog 2019-04-23 13:36 評論0 收藏0
課時97.背景定位上（掌握）

摘要：注意點同一個標簽可以同時設置背景顏色和背景圖片，如果顏色和圖片同時存在，那么圖片會覆蓋顏色，但凡給我們的標簽設置了背景圖片以后，我們發(fā)現(xiàn)這個圖片一直在左上角，我如果不想讓它在左上角應該怎么辦呢這就要用到我們這節(jié)課的內(nèi)容。注意點：同一個標簽可以同時設置背景顏色和背景圖片，如果顏色和圖片同時存在，那么圖片會覆蓋顏色，但凡給我們的標簽設置了背景圖片以后，我們發(fā)現(xiàn)這個圖片一直在左上角，我如果不想...

codecraft 2019-04-23 13:36 評論0 收藏0
課時96.背景平鋪（掌握）

摘要：如何控制背景圖片的平鋪方式在中有一個屬性，就是專門用于控制背景圖片的平鋪方式的取值默認，在水平和垂直都需要平鋪在水平和垂直都不需要平鋪只在水平方向平鋪只在垂直方向平鋪應用場景先看原理圖片可以通過背景圖片的平鋪來降低圖片的大小，提升網(wǎng)1.如何控制背景圖片的平鋪方式？在CSS中有一個background-repeat屬性，就是專門用于控制背景圖片的平鋪方式的取值： repeat? ?默認，在...

alin 2019-04-23 13:36 評論0 收藏0
課時98.背景定位下（掌握）

摘要：我們來看控制背景圖片的位置，在企業(yè)開發(fā)中用在什么地方呢我們打開一個網(wǎng)站，如盛大游戲，保存它的背景圖到本地我們先點擊檢查，查看背景圖的地址然后將地址復制到地址欄中然后將圖片保存到本地工程的文件夾中然后在網(wǎng)頁中先用打開發(fā)現(xiàn)圖片不能完全顯示，然我們來看控制背景圖片的位置，在企業(yè)開發(fā)中用在什么地方呢？1.我們打開一個網(wǎng)站，如盛大游戲，保存它的背景圖到本地 http://www.sdo.com/ 我們...

wuyangnju 2019-04-23 13:36 評論0 收藏0
課時94.背景顏色（掌握）

摘要：如何設置標簽的背景顏色在中有一個屬性，就是專門用來設置標簽的背景顏色的取值具體單詞十六進制我們來依次驗證一下1.如何設置標簽的背景顏色？在CSS中有一個background-color：屬性，就是專門用來設置標簽的背景顏色的取值：具體單詞 rgb rgba 十六進制我們來依次驗證一下

yintaolaowanzi 2019-04-23 13:36 評論0 收藏0