怎么使用background-repeat

今天就跟大家聊聊有關(guān)怎么使用background-repeat ，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)致力于做網(wǎng)站、成都做網(wǎng)站,成都網(wǎng)站設(shè)計,集團網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化，推過標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務(wù)水平進行質(zhì)量交付，讓企業(yè)網(wǎng)站從市場競爭中脫穎而出。選擇成都創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)！

background-repeat屬性設(shè)置是否及如何重復(fù)背景圖像，也就是定義了圖像的平鋪模式。默認(rèn)地，背景圖像在水平和垂直方向上重復(fù)。

background-repeat屬性的設(shè)置從原圖像開始重復(fù)，原圖像由background-image定義，并根據(jù)background-position的值放置。

注意：背景圖像的位置是根據(jù)background-position屬性設(shè)置的。如果未規(guī)定background-position屬性，圖像會被放置在元素的左上角。

下面我們就來看具體的示例

<html>
<head>
<style type="text/css">
body
{ 
background-image: url(img/mouse.png);
background-repeat: repeat-x;
}
</style>
</head>
<body>
</body>
</html>

效果如下：橫向平鋪，因為沒有設(shè)置background-position，所以圖像是從左上角開始重復(fù)的。

怎么使用background-repeat

如果你想要縱向平鋪，你可以設(shè)置background-repeat: repeat-y;，從特定位置平鋪可以設(shè)置background-position屬性。

看完上述內(nèi)容，你們對怎么使用background-repeat 有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

標(biāo)題名稱：怎么使用background-repeat
本文鏈接：http://muchs.cn/article44/gdohhe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、微信小程序、品牌網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、服務(wù)器托管、App設(shè)計

聲明：本網(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)

猜你還喜歡下面的內(nèi)容