html語言背景圖片拉伸程式碼:background-size:cover,可以使圖片拉伸鋪滿背景。
拓展資料
背景 (background) 屬性定義元素的背景效果
元素的背景區包括前景之下直到邊框邊界的所有空間。因此,內容框與內邊距都是元素背景的一部分,且邊框畫在背景上。
CSS 允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果;CSS 在這方面的能力遠遠在 HTML 之上。
background 是用於在一個宣告中設定所有背景屬性的一個簡寫屬性。
格式: background: {屬性值}
繼承性: NO
可能的值:
background-color
background-image
background-repeat
background-attachment
background-position
新增的值:
background-clip
background-origin
background-size
注:可以在此宣告中宣告1到5個背景屬性。
這只是 CSS 1.0 的屬性,在CSS 2.0 background已經退出了歷史舞臺。
例:
<style type="text/css">
body
{
background: #ff0000 url("i/eg_bg_03.gif") no-repeat fixed center;
}
</style>
html語言背景圖片拉伸程式碼:background-size:cover,可以使圖片拉伸鋪滿背景。
拓展資料
背景 (background) 屬性定義元素的背景效果
元素的背景區包括前景之下直到邊框邊界的所有空間。因此,內容框與內邊距都是元素背景的一部分,且邊框畫在背景上。
CSS 允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果;CSS 在這方面的能力遠遠在 HTML 之上。
background 是用於在一個宣告中設定所有背景屬性的一個簡寫屬性。
格式: background: {屬性值}
繼承性: NO
可能的值:
background-color
background-image
background-repeat
background-attachment
background-position
新增的值:
background-clip
background-origin
background-size
注:可以在此宣告中宣告1到5個背景屬性。
這只是 CSS 1.0 的屬性,在CSS 2.0 background已經退出了歷史舞臺。
例:
<style type="text/css">
body
{
background: #ff0000 url("i/eg_bg_03.gif") no-repeat fixed center;
}
</style>