站長資訊網(wǎng)
在css中，可以利用“background-repeat”屬性取消圖片的自動填充，語法為“圖片元素{background-repeat:no-repeat;}”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣取消圖片的自動填充
我們可以通過“background-repeat”屬性取消圖片的自動填充，該屬性用于設(shè)置是否及如何重復背景圖像。默認地，背景圖像在水平和垂直方向上重復。
當該屬性的值為no-repeat時，表示圖片不會自動填充。
示例如下：
<html> <head> <style type="text/css"> body{ background-image: url(/i/eg_bg_03.gif); } </style> </head> <body> </body> </html>
輸出結(jié)果：
當添加background-repeat:no-repeat;樣式時，輸出結(jié)果：
（學習視頻分享：css視頻教程）
