css中background-repeat屬性如何使用

發(fā)布時間：2020-09-23 13:14:53 來源：億速云閱讀：199 作者：小新欄目：web開發(fā)

css中background-repeat屬性如何使用？這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

css background-repeat 定義和用法

css background-repeat 屬性設置是否及如何重復背景圖像。

默認地，背景圖像在水平和垂直方向上重復。

從原圖像開始重復，原圖像由 background-image 定義，并根據(jù) background-position 的值放置。

css中background-repeat屬性如何使用

實例

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

瀏覽器支持

所有瀏覽器都支持 background-repeat 屬性。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

提示和注釋

提示：背景圖像的位置是根據(jù) background-position 屬性設置的。如果未規(guī)定 background-position 屬性，圖像會被放置在元素的左上角。

可能的值

感謝各位的閱讀！看完上述內(nèi)容，你們對css中background-repeat屬性如何使用大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關文章內(nèi)容，歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡