這篇文章將為大家詳細(xì)講解有關(guān)如何在css中設(shè)置圖片不重復(fù)拉伸，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)服務(wù)商，為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作服務(wù)，網(wǎng)站設(shè)計(jì)，網(wǎng)站托管、服務(wù)器托管等一站式綜合服務(wù)型公司，專(zhuān)業(yè)打造企業(yè)形象網(wǎng)站，讓您在眾多競(jìng)爭(zhēng)對(duì)手中脫穎而出創(chuàng)新互聯(lián)公司。

css的基本語(yǔ)法是什么

css的基本語(yǔ)法是：1、css規(guī)則由選擇器和一條或多條聲明兩個(gè)部分構(gòu)成；2、選擇器通常是需要改變樣式的HTML元素；3、每條聲明由一個(gè)屬性和一個(gè)值組成；4、屬性和屬性值被冒號(hào)分隔開(kāi)。

在CSS中，我們可以利用 background 屬性來(lái)設(shè)置背景圖片。

background: url("1.jpg");

但默認(rèn)情況下，背景圖像在水平和垂直方向上重復(fù)。

那么如何讓背景圖片不重復(fù)？可以使用background-repeat 屬性。

background-repeat 屬性可以設(shè)置圖片背景圖片是否重復(fù)以及如何重復(fù)，它的默認(rèn)值是橫向和縱向都會(huì)重復(fù)。

當(dāng)background-repeat 屬性的值設(shè)置no-repeat 時(shí)，背景圖像將僅顯示一次，即背景圖片不重復(fù)拉伸。

body{
    background: url("img/1.jpg");
    background-repeat:no-repeat;
}

補(bǔ)充：background-repeat 屬性的值

關(guān)于如何在css中設(shè)置圖片不重復(fù)拉伸就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。