元素背景background使用CSS設(shè)置各種HTML元素的背景,元素的背景有以下屬性:
- background-color – 屬性用于設(shè)置元素的背景色,值可以是十六進制顏色代碼 , RGB值或顏色名稱 。
- background-image – 屬性用于設(shè)置元素的背景圖像,使用url()屬性指定圖像的路徑 。
- background-repeat – 屬性用于控制背景圖像是否重復(fù),值有repeat,repeat-x,repeat-y,no-repeat 。
- background-position – 屬性用于控制背景圖像的位置 , 值有right,left,top,bottom,center或者數(shù)值和百分比 。
- background-attachment – 屬性用于控制背景圖像是否可以滾動,值有scroll,fixed 。
- background – 屬性用作其他背景屬性的簡寫 。

文章插圖
設(shè)置背景圖像:

文章插圖
設(shè)置背景圖像沿x軸重復(fù):

文章插圖
【css背景圖片重疊顯示問題 css背景圖片不重復(fù)怎么設(shè)置】設(shè)置圖像不重復(fù),位于右上角:

文章插圖
設(shè)置圖像不重復(fù),不隨內(nèi)容滾動:

文章插圖
如果需要指定的圖像屬性太多時,可采用簡寫形式 , 如:

文章插圖
使用背景簡寫時 , 屬性的指定順序如下所示:

文章插圖
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助:- 如何在CSS3中使用樣式屬性控制label標(biāo)簽寬度
- 如何定制PPT母版背景圖片
- 選擇合適的電腦背景圖片
- Excel簡單操作:去除圖片背景并保存為透明背景圖片
- 提升CSS技巧:實用操作方法解析
- Word背景圖片設(shè)置指南
- Excel如何制作半透明重疊柱形圖
- 如何設(shè)置Win10自帶郵件客戶端的背景圖片
- 如何輕松去除PPT背景圖片
- 如何通過HTML和CSS實現(xiàn)input指定區(qū)間值顯示不同樣式
