亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

CSS 百分網(wǎng)手機(jī)站

CSS基礎(chǔ)教程之背景圖片

時(shí)間:2018-05-26 17:49:09 CSS 我要投稿

CSS基礎(chǔ)教程之背景圖片

  背景圖片BackgroundImages有許多屬性可以操作。

  幸運(yùn)的是,可以使用background處理所有:

  body{

  background:whiteurl(/uploads/allimg/200803/20080309225852658.gif)no-repeattop

  }

  上面合并了下面屬性:

CSS基礎(chǔ)教程之背景圖片

  background-color出現(xiàn)在前面。

  background-image圖片的位置。

  background-repeat圖片重復(fù)的'形式。背景圖片可以重復(fù)repeat(這就像建筑用的瓦片一樣),repeat-x在x軸(左右)重復(fù),repeat-y在y軸(上下)重復(fù),no-repeat不重復(fù)只顯示一個(gè)。

  background-position可以使用top,center,bottom,left,right或任何可以看到的組合,比如above在上面。

  可以為大部分html元素設(shè)置背景圖片,不只是整個(gè)頁面(body),可以用來制作簡單但效果顯著的美化,比如圓角等等不同的邊角形狀。

  使用背影圖片非常簡單,而且可以使用在頁面的任何地方。許多人喜歡使用色彩鮮艷的圖片作為背景的頁面,帶給用戶判讀前臺文字困難加大。這是一個(gè)極端的例子,但事實(shí)上,大部分對用戶友好、可讀性強(qiáng)的文本是白色背景上顯示黑色,或是黑色背景顯示白色(建議使用柔和的顏色做為背景,減少刺眼的顏色)

  所以,最佳使用背景圖片的位置要么是上面沒有內(nèi)容要么是背景非常淡,這樣同樣有利于減少圖片大小,因?yàn)槭褂酶俚念伾。(建議使用索引色格式,比如GIF)

【CSS基礎(chǔ)教程之背景圖片】相關(guān)文章:

1.css基礎(chǔ)教程之CSS基礎(chǔ)語法欣賞

2.CSS之入門篇

3.CSS-層疊樣式表基礎(chǔ)教程

4.CSS樣式表代碼布局基礎(chǔ)教程

5.關(guān)于HTML技巧之CSS的優(yōu)先權(quán)

6.jQuery css方法動態(tài)修改CSS屬性

7.CSS實(shí)用教程:CSS命名

8.div+css必看的css重則