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