颜色和背景CSS样式.pptVIP

顏色與背景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) green.jpg fish.jpg body {background-image: url(green.jpg);} p {line-height:3em; background-image: url(fish.jpg);} … pp元素的背景影像是 fish.jpg/p 背景影像重複方式(background-repeat) p {background-image: url(green.jpg); color: darkblue;} … p style=background-repeat: repeat-x;…/p p {background-image: url(tree.jpg); color: green;} … p style=background-repeat: repeat-y;…/p p {background-image: url(tree.jpg); color: green;} … p style=background-repeat: no-repeat;…/p 背景影像位置(background-position) top center bottom left center right p {background-image: url(小魚.jpg); background-repeat: no-repeat;} … p style=background-position: left top;…/p p {background-image: url(小魚.jpg); background-repeat: no-repeat;} … p style=background-position: 100px 25px;…/p 固定背景影像位置(background-attachment) body { background-image: url(lake.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } fixed | scroll background … {background: background-color background-image background-repeat background-attachment background-position;} body {background: url(fish.jpg) no-repeat fixed center;} * *