在 CSS 中,我們經(jīng)常會(huì)使用background-image
屬性來(lái)給某個(gè)元素添加背景圖像。但是,有些時(shí)候我們只希望這個(gè)圖像顯示一次,而不是平鋪整個(gè)元素。
這時(shí),我們可以使用background-repeat
屬性來(lái)控制圖像的重復(fù)方式。默認(rèn)情況下,background-repeat
的值為repeat
,也就是說(shuō),圖像會(huì)在水平和垂直方向上平鋪整個(gè)元素。如果想要讓圖像不平鋪,可以將background-repeat
的值設(shè)為no-repeat
。
.element { background-image: url('path/to/image.png'); background-repeat: no-repeat; }
此時(shí),該元素的背景圖像就只會(huì)顯示一次了。
上一篇html 登錄php