html 网页主题设置吗,如何使用css样式对html页面进行背景设置呢？
摘要:
下文講述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页面进行背景设置呢？的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java post 图片上传_java
- 下一篇： c语言可以编制出功能复杂的程序,2018