css如何取消圖片的自動(dòng)填充

發(fā)布時(shí)間：2021-11-30 09:42:57 來(lái)源：億速云閱讀：158 作者：小新欄目：web開(kāi)發(fā)

小編給大家分享一下css如何取消圖片的自動(dòng)填充，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在css中，可以利用“background-repeat”屬性取消圖片的自動(dòng)填充，語(yǔ)法為“圖片元素{background-repeat:no-repeat;}”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

我們可以通過(guò)“background-repeat”屬性取消圖片的自動(dòng)填充，該屬性用于設(shè)置是否及如何重復(fù)背景圖像。默認(rèn)地，背景圖像在水平和垂直方向上重復(fù)。

當(dāng)該屬性的值為no-repeat時(shí)，表示圖片不會(huì)自動(dòng)填充。

css如何取消圖片的自動(dòng)填充

示例如下：

<html>
<head>
<style type="text/css">
body{ 
background-image: 
url(/i/eg_bg_03.gif);
}
</style>
</head>
<body>
</body>
</html>

輸出結(jié)果：

css如何取消圖片的自動(dòng)填充

當(dāng)添加background-repeat:no-repeat;樣式時(shí)，輸出結(jié)果：

css如何取消圖片的自動(dòng)填充

看完了這篇文章，相信你對(duì)“css如何取消圖片的自動(dòng)填充”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡