颜色与背景CSS样式.PPT

下载文档 降价啦

8
0
约 19页
2017-08-28 发布于天津
举报
版权申诉
保障服务

颜色与背景CSS样式.PPT

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

颜色与背景CSS样式

顏色與背景CSS樣式顏色與背景的屬性 color 文字顏色 background-color 設定元素之背景顏色 background-image 背景影像 background-repeat 背景影像重複方式 background-position 背景影像位置 background-attachment 固定背景影像位置 background 設定背景影像之所有屬性文字顏色(color) p style=color: red;文字的顏色是紅色/p p style=color: #00FF00;文字的顏色是綠色/p p style=color: #00F;文字的顏色是藍色/p p style=color: rgb(255,0,0);文字的顏色是紅色/p p style=color: rgb(0%,100%,0%);文字的顏色是綠色/p 背景顏色(background-color) p style=background-color: aqua;背景顏色是碧綠色/p p style=background-color: #C0C0C0;背景顏色是銀灰色/p p style=background-color: #FF0;背景顏色是黃色/p p style=background-color: rgb(0,255,255);背景顏色是碧綠色/p p style=background-color: rgb(75%,75%,75%);背景顏色是銀灰色/p 背景影像(background-image) bg1.jpg body {background-image: url(bg1.jpg); …} 背景影像重複方式(background-repeat) h2 { background-image: url(h-bg.jpg); background-repeat: repeat-y; … } h-bg.jpg div { background-image: url(v-bg.jpg); background-repeat: repeat-x; … } v-bg.jpg body {background-image: url(sunFlower.jpg); background-repeat: no-repeat; … } 背景影像位置(background-position) top center bottom left center right body {background-image: url(sunFlower.jpg); background-repeat: no-repeat; background-position: top right; … } body {background-image: url(sunFlower.jpg); background-repeat: no-repeat; background-position: 100px 50px; … } 100px 50px 固定背景影像位置(background-attachment) body { background-image: url(sunFlower.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } fixed | scroll Multiple Backgrounds tbg.png bg.png bbg.png #intro { padding: 35px; width: 595px; background-image: url(tbg.png), url(bbg.png), url(bg.png); background-position: top left, bottom left, top left; background-repeat: no-repeat, no-repeat, repeat-y ; } Note: Width of background image: 665px width = (665 – 35*2) px .tw/www2011/lab/mbg.zip background … {background: background-color background-image background-repeat background-attachment background-position;} body {background: url(flower.jpg) no-repea