下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
17章CSS邊框與背景[下HTML5CSS邊框和背景,通過邊框和背景的樣式設(shè)置,給元素景。CSS背景設(shè)置的樣式表如下:屬值CSSbackground-顏1background-none或背景的background-background-31background-3background-31值CSS顏11divbackground-color:}divbbackground-color:}>的背景色。一般來說這個(gè)屬性使用頻率很低,原因是不需要改變色彩時(shí)就默認(rèn),需要改變bodybackground-color:}值CSS版取消背景的設(shè)1URL設(shè)置背景1bodybackground-image:}解釋:url里面是的路徑,設(shè)置整個(gè)頁面以這個(gè)為背景,如果不足以覆divbackground-image:}divnone在CSS3中,背景還設(shè)置了比如線性、放射性等漸變方式。但由于支持度的問題,比如IE9尚未支持。我們把這些的新特性放到獨(dú)立的課程中講解。值CSS版repeat-1repeat-111bodybackground-image:url(loading.gif);background-repeat:no-repeat;}解釋:讓背景只顯示一個(gè),不平鋪。CSS3還提供了兩個(gè)值,由于支持度不佳,值CSS版1111111bodybackground-image:url(loading.gif);background-repeat:no-repeat;background-position:top;}解釋:將背景置于頁面上方,如果想置于左上方則值為:topleftbodybackground-image:url(loading.gif);background-repeat:no-repeat;background-position:20px20px;}值CSS版333CSS長度值,比如px、33bodybackground-image:url(loading.gif);background-size:cover;}cover100%,全屏鋪面一張大圖,這個(gè)值非常實(shí)用。在等比例放divbackground-image:url(loading.gif);background-size:contain;}解釋:使用contain表示,盡可能讓完整的顯示在元素內(nèi)bodybackground-image:url(loading.gif);background-size:240px240px;}background-atta值CSS版11bodybackground-image:url(loading.gif);background-attaent:fixed;}值CSS版border-3padding-3content-3divwidth:400px;height:border:10pxdashedred;padding:50px;background-image:url(img.png);background-repeat:no-repeat;background-origin:content-box;}值CSS版border-3padding-3content-3divwidth:400px;height:border:10pxdashedred;padding:50px;background-image:url(img.png);background-repeat:no-repeat;background-origin:border-box;background-clip:padding-box;}div{width:400px;height:border:10pxdashedred;padding:50px;background:silverurl(img.png)no-repeatscrolllefttop/100%border-boxcontent-b
溫馨提示
- 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)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 臨床輸血安全管理要點(diǎn)
- 新解讀《DBJT 15-137-2018一體化預(yù)制泵站工程技術(shù)規(guī)范 》
- 福建省漳州市2023-2024學(xué)年高二下學(xué)期期末質(zhì)量檢測語文試卷(解析版)
- 2024光功率預(yù)測系統(tǒng)運(yùn)行標(biāo)準(zhǔn)
- 人力資源政策對服務(wù)業(yè)人才流動影響的研究
- 股權(quán)結(jié)構(gòu)對公司環(huán)境責(zé)任意識的影響研究
- unit1(基礎(chǔ)作業(yè))2024-2025學(xué)年六年級上冊 英語 人教版
- 心理健康專題課件02大學(xué)生心理健康講座
- 云人工智能行業(yè)消費(fèi)者群體特征分析
- 2023年若爾蓋縣緊密型縣域醫(yī)共體相關(guān)專業(yè)人員招聘考試試題及答案
- 會展的營銷方法與技巧課件
- 報(bào)聯(lián)商有效溝通課件
- 上頜竇外提升術(shù)課件
- 遵守規(guī)則-課件
- 浙美版小學(xué)美術(shù)三年級上冊3刊頭設(shè)計(jì)(教學(xué)課件)
- 第一次家長會 課件(共張ppt) 七年級上學(xué)期
- 2023年北京市西城區(qū)社區(qū)工作者招聘考試筆試題庫及答案解析
- 工程建設(shè)項(xiàng)目管理招投標(biāo)書(施工管理方)
- 思想道德與法治 第三章
- 《愛惜糧食-節(jié)約糧食》課件
- 幼兒園混齡區(qū)域游戲教研匯報(bào)課件
評論
0/150
提交評論