下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、CSSPreviousPage Next Page CSS HTML 可以使用background-color 屬性CSSPreviousPage Next Page CSS HTML 可以使用background-color 屬性可以為所有元素設(shè)置背景色,這包括body 一直到em a 等行內(nèi)元素background-color 不能繼承,其默認(rèn)值是transparent。transparent 有“透明”之意。也就是說,要把圖像放入背景使用background-image 屬性background-image 屬性的默認(rèn)值是如果需要設(shè)置一個背景圖像,必須為這個屬性設(shè)置一個URL 值body
2、 元素,不過并不僅限于此bodybackground-image:pbackground-color:gray;padding:pbackground-color: 都另外還要補(bǔ)充一點(diǎn),background-image也不能繼承。事實(shí)上,所有背景屬性都不能繼承如果需要在頁面上對背景圖像進(jìn)行平鋪,可以使用background-repeat 屬性repeat 導(dǎo)致圖像在水平垂直方向上都平鋪,就像以往背景圖像的通常做法一樣。repeat-x repeat-y 分別導(dǎo)致圖像只在水平或垂直方向上重復(fù),no-repeat 則不允許圖像在任何方向上平鋪可以利用ition 屬性改變圖像在背景中的位置下面的例子
3、在body 元素中將一個背景圖像居中放置background-image:background-repeat: repeat-a.radiobackground-image:p.flowerbackground-image:為 ition 屬性提供值有很多方法。首先,可 為 ition 屬性提供值有很多方法。首先,可 圖像放置關(guān)鍵字最容易理解,其作用如其名稱所表明的。例如,topright 使圖像放置在元素內(nèi)邊距區(qū)右上角- centercentertopcenter centerbottomcenter center p5050% 的點(diǎn)(中心點(diǎn))與元素中描述為505050% 的點(diǎn)(中心點(diǎn))與元素中描述為5050% 的點(diǎn)(中心點(diǎn))對齊如果圖像位于00%100100%,會因此,如果你想把一個圖像放在水平方向2/3、垂直方向1/3 處,可以這: ition 00%,在功能上相當(dāng)topleft。這就解釋了背景圖像為什么ition:66%ition:50%rightcenter centerleftcenter center比如,如果設(shè)置值為50px100px,圖像的左上角將在元素內(nèi)邊距區(qū)左上角向右50 像素、向下100 比如,如果設(shè)置值為50px100px,圖像的左上角將在元素內(nèi)邊距區(qū)左上角向右50 像素、向下100 。backg
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 課程設(shè)計連續(xù)精餾塔
- jsp課程設(shè)計經(jīng)典案例
- 鹽的產(chǎn)業(yè)鏈與供應(yīng)鏈管理考核試卷
- 人事行政培訓(xùn)成功案例分析考核試卷
- 組織績效管理體系構(gòu)建考核試卷
- 電氣機(jī)械設(shè)備的選型與設(shè)計考核試卷
- 物聯(lián)網(wǎng)技術(shù)與數(shù)字廣告投放的高效管理考核試卷
- 錦綸切片相關(guān)行業(yè)投資方案范本
- 2024年度智能監(jiān)控系統(tǒng)交易協(xié)議書版
- 小學(xué)二年級數(shù)學(xué)100以內(nèi)三數(shù)加減混合運(yùn)算競賽自測模擬題
- 部編版《道德與法治》三年級上冊第10課《父母多愛我》教學(xué)課件
- 2024-2030年中國污泥處理行業(yè)發(fā)展分析及發(fā)展前景與趨勢預(yù)測研究報告
- 氣管插管操作規(guī)范(完整版)
- 2024-2025學(xué)年外研版英語八年級上冊期末作文范文
- 四級勞動關(guān)系協(xié)調(diào)員試題庫含答案
- 行長招聘面試題與參考回答(某大型集團(tuán)公司)
- 河南省洛陽市2023-2024學(xué)年七年級上學(xué)期期中考試數(shù)學(xué)試卷(含答案)
- Unit 5 A healthy lifestyle教學(xué)設(shè)計-2024-2025學(xué)年譯林版七年級英語上冊(南通地區(qū))
- 《軸對稱圖形》(教學(xué)設(shè)計)-2023-2024學(xué)年四年級下冊數(shù)學(xué)青島版(五四學(xué)制)
- 2024年國家能源集團(tuán)公開招聘高頻500題難、易錯點(diǎn)模擬試題附帶答案詳解
- 演講學(xué)智慧樹知到答案2024年同濟(jì)大學(xué)
評論
0/150
提交評論