CSS设置图片的重复
生活随笔
收集整理的這篇文章主要介紹了
CSS设置图片的重复
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS設置圖片的重復
? ? ? ? ? CSS通過設置background-repeat屬性來設置圖片的重復方式，包括水平重復、豎直重復和不重復等。
? ? ? ? ??圖片的豎直方向重復。
<span style="font-size:24px;"><html><head><title>背景重復</title><style><!--body{padding:0px;margin:0px;background-image:url( http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg);background-repeat:repeat-y;background-color：#0066FF；} --></style></head><body></body> </html></span>? ? ? ? ??如果將background-repeat屬性的值設置為repeat-x，則背景圖片將在水平方向上重復顯示。
? ? ? ? ??最后，就是將background-repeat的屬性設置為no-repeat，即不重復作為單一的圖片顯示。
<span style="font-size:24px;"><html><head><title>背景重復</title><style><!--body{padding:0px;margin:0px;background-image:url( http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg);background-repeat:no-repeat;} --></style></head><body><div style="padding-left:10px;padding-to:100px;">小貓</div></body> </html></span>? ? ? ? ??顯示的效果，圖片僅僅顯示了一次，并通過div標記的CSS屬性，調整了文字的位置，使其位于圖片的上面。
總結
以上是生活随笔為你收集整理的CSS设置图片的重复的全部內容，希望文章能夠幫你解決所遇到的問題。
