CSS怎樣使背景圖片不重復-創(chuàng)新互聯(lián)

小編給大家分享一下CSS怎樣使背景圖片不重復，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)專注于企業(yè)全網營銷推廣、網站重做改版、東臺網站定制設計、自適應品牌網站建設、html5、商城建設、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為東臺等各大城市提供網站開發(fā)制作服務。

CSS讓背景圖片不重復的方法：首先新建一個html文件；然后輸入一個div標簽，并對這個標簽添加一個class類；最后通過屬性“background-repeat:no-repeat;”實現(xiàn)背景圖片不重復即可。

打開html軟件開發(fā)工具新建一個html文件，然后輸入一個

標簽對這個標簽添加一個class類，用于設置背景圖片的樣式。如圖：

css設置背景不重復

設置背景圖片樣式。創(chuàng)建

CSS怎樣使背景圖片不重復

查看頁面效果。保存html頁面使用瀏覽器打開，發(fā)現(xiàn)背景圖片是重復的。如圖：

CSS怎樣使背景圖片不重復

設置背景圖片不重復。回到html代碼頁面，在class類樣式上添加 background-repeat: no-repeat; 如圖：

CSS怎樣使背景圖片不重復

查看頁面效果。保存html頁面使用瀏覽器打開，發(fā)現(xiàn)背景圖片是不再重復了。如圖：

CSS怎樣使背景圖片不重復

頁面所有代碼?？梢灾苯訌椭扑写a，粘貼到新建html頁面，保存后即可看到頁面效果。(注意：案例中背景圖片是本地路徑的，粘貼代碼后需要修改背景圖片路徑。)

所有代碼：





css設置背景不重復

.bg-repeat{
background-image: url(img/ye.png);
width: 500px;
height: 380px;
background-repeat: no-repeat;
}




設置背景圖片不重復

CSS怎樣使背景圖片不重復

以上是“CSS怎樣使背景圖片不重復”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標題：CSS怎樣使背景圖片不重復-創(chuàng)新互聯(lián)
URL標題：http://weahome.cn/article/docpph.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆