摘要:

下文講述css樣式對html頁面的背景色、背景圖片進行相關設置的方法分享，如下所示:

在html中，定義元素的背景信息，可以采用以下css屬性，如下所示:

css屬性功能

background在此屬性中,我們將所有的背景設置都放入此屬性值中

background-attachment背景圖像是否固定或者隨著頁面的其余部分滾動

background-color背景顏色設置

background-image背景圖片設置

background-position背景圖片的開始位置

background-repeat背景圖片的重復方式

css 背景色設置舉例

---1.設置Body背景顏色--紅色

body {background-color:red;}

div{background-color:#f90232;}

p{background-color:RGB(230,1,1);}

/*

顏色值，可以采用以下方式：

1.十六進制顏色信息 #f90232

2.RGB方式 RGB(230,1,1)

3.顏色名稱 blue red yellow

*/

css 背景圖像設置舉例

/*

css 設置背景圖片，需使用background-image屬性進行相關設置，如下所示：

*/

body

{

background-image:url('maomao365.jpg');

}

/*

在背景圖片設置中，我們需使用背景圖片的重復方向或是否重復進行相關設置

*/

body

{

background-image:url('maomao365.jpg');

background-repeat:repeat-x; /*背景圖橫向重復*/

}

body

{

background-image:url('maomao365.jpg');

background-repeat:no-repeat;/*背景圖不重復*/

}

/*

背景圖 不重復，并且從右上開始

*/

body

{

background-image:url('maomao365.jpg');

background-repeat:no-repeat;

background-position:right top;

}

/*

采用background對背景進行設置

*/

body {background:#0000000 url('maomao365.jpg') no-repeat right top;}

注意事項：

當使用background對背景進行設置時，需按照以下屬性的順序依次列出：

1.background-color

2.background-image

3.background-repeat

4.background-attachment

5.background-position

總結

以上是生活随笔為你收集整理的html 网页主题设置吗,如何使用css样式对html页面进行背景设置呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。