怎么使用background-repeat-創(chuàng)新互聯

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

成都創(chuàng)新互聯公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網站建設、網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的合肥網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

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

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

注意：背景圖像的位置是根據background-position屬性設置的。如果未規(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>

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

怎么使用background-repeat

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

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

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站名稱：怎么使用background-repeat-創(chuàng)新互聯
轉載源于：http://muchs.cn/article44/ddhjee.html

成都網站建設公司_創(chuàng)新互聯，為您提供面包屑導航、網站導航、小程序開發(fā)、App開發(fā)、外貿建站、全網營銷推廣

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

h5響應式網站建設