亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

?? 1. 基礎(chǔ)語(yǔ)法

? background-image

設(shè)置背景圖片路徑（支持相對(duì)/絕對(duì)路徑或在線 URL）：

selector {    background-image: url("image.jpg"); /* 單張圖片 */    background-image: url("image1.jpg"), url("image2.jpg"); /* 多張圖片（逗號(hào)分隔） */}

多張圖片時(shí)，先指定的圖片層級(jí)更高（覆蓋后指定的圖片）。

此時(shí)圖片會(huì)和文字重疊，整個(gè)觀感很混亂：

你可以看到<h1>文字的后面不僅被圖片重疊，而且此時(shí)有兩張呈縱向分布的logo圖。別擔(dān)心，我們一步步來，首先是logo重復(fù)的問題，這涉及到圖片的平鋪方式。

?? 2. 關(guān)鍵輔助屬性

? background-repeat

控制圖片平鋪方式：

background-repeat: repeat;    /* 默認(rèn)：水平和垂直平鋪 */background-repeat: no-repeat;  /* 不平鋪 */background-repeat: repeat-x;   /* 僅水平平鋪 */background-repeat: repeat-y;   /* 僅垂直平鋪 */

如上所說，如果你只想讓logo顯示一張圖片，這時(shí)使用background-repeat: no-repeat; 就可以解決。

接著如何將logo圖片移動(dòng)位置呢？這就需要用到我們上篇講到的position語(yǔ)法。

? background-position

定位logo圖片起始位置（比如使其居中）

background-position: center top;     /* 關(guān)鍵詞：top/right/bottom/left/center */background-position: 20px 50%;        /* 混合單位：水平位置 垂直位置 */

注意：

? 單值時(shí)另一方向默認(rèn)居中（如 background-position: top; → 水平居中，垂直靠頂）。

 ? 雙值順序：水平在前，垂直在后。

此時(shí)，我們已經(jīng)將logo圖片調(diào)整到適當(dāng)位置，由于，<h1>文字不可直接刪除，那該如何去除呢？接下來就輪到“文字縮排”語(yǔ)法登場(chǎng)了。

?? 首行縮進(jìn)：text-indent

語(yǔ)法：

selector {    text-indent: 值; /* 支持單位：px, em, %, rem */}

我們要達(dá)到看不見文字的效果，就可以用這個(gè)語(yǔ)法將<h1>文字推到很遠(yuǎn)很遠(yuǎn)很遠(yuǎn)的地方。

這樣，既不影響咱們的搜索引擎優(yōu)化，同時(shí)又能讓我們的網(wǎng)站呈現(xiàn)簡(jiǎn)潔美觀的logo圖，一箭雙雕。

好啦，經(jīng)過今天的內(nèi)容，我們已經(jīng)將網(wǎng)站的頁(yè)首處理好了。下篇我們會(huì)將繼續(xù)用CSS設(shè)計(jì)好網(wǎng)站剩余的版面，又會(huì)引入哪些實(shí)用又易上手的新語(yǔ)法呢？總之一句話，敬請(qǐng)期待吧！

閱讀原文?