[CSS3技术]CSS3系列教程:RGBA

1
2
3
4
5

div[color=#6666ff].rgbaL1[/color] [color=#00aa00]{[/color] [color=#000000][b]background[/b][/color][color=#00aa00]:[/color]rgba[color=#00aa00]([/color][color=#cc66cc]153[/color][color=#00aa00],[/color] [color=#cc66cc]134[/color][color=#00aa00],[/color] [color=#cc66cc]117[/color][color=#00aa00],[/color] [color=#cc66cc]0.2[/color][color=#00aa00])[/color][color=#00aa00];[/color] [color=#000000][b]height[/b][/color][color=#00aa00]:[/color][color=#933]20px[/color][color=#00aa00];[/color] [color=#00aa00]}[/color]
div[color=#6666ff].rgbaL2[/color] [color=#00aa00]{[/color] [color=#000000][b]background[/b][/color][color=#00aa00]:[/color]rgba[color=#00aa00]([/color][color=#cc66cc]153[/color][color=#00aa00],[/color] [color=#cc66cc]134[/color][color=#00aa00],[/color] [color=#cc66cc]117[/color][color=#00aa00],[/color] [color=#cc66cc]0.4[/color][color=#00aa00])[/color][color=#00aa00];[/color] [color=#000000][b]height[/b][/color][color=#00aa00]:[/color][color=#933]20px[/color][color=#00aa00];[/color] [color=#00aa00]}[/color]
div[color=#6666ff].rgbaL3[/color] [color=#00aa00]{[/color] [color=#000000][b]background[/b][/color][color=#00aa00]:[/color]rgba[color=#00aa00]([/color][color=#cc66cc]153[/color][color=#00aa00],[/color] [color=#cc66cc]134[/color][color=#00aa00],[/color] [color=#cc66cc]117[/color][color=#00aa00],[/color] [color=#cc66cc]0.6[/color][color=#00aa00])[/color][color=#00aa00];[/color] [color=#000000][b]height[/b][/color][color=#00aa00]:[/color][color=#933]20px[/color][color=#00aa00];[/color] [color=#00aa00]}[/color]
div[color=#6666ff].rgbaL4[/color] [color=#00aa00]{[/color] [color=#000000][b]background[/b][/color][color=#00aa00]:[/color]rgba[color=#00aa00]([/color][color=#cc66cc]153[/color][color=#00aa00],[/color] [color=#cc66cc]134[/color][color=#00aa00],[/color] [color=#cc66cc]117[/color][color=#00aa00],[/color] [color=#cc66cc]0.8[/color][color=#00aa00])[/color][color=#00aa00];[/color] [color=#000000][b]height[/b][/color][color=#00aa00]:[/color][color=#933]20px[/color][color=#00aa00];[/color] [color=#00aa00]}[/color]
div[color=#6666ff].rgbaL5[/color] [color=#00aa00]{[/color] [color=#000000][b]background[/b][/color][color=#00aa00]:[/color]rgba[color=#00aa00]([/color][color=#cc66cc]153[/color][color=#00aa00],[/color] [color=#cc66cc]134[/color][color=#00aa00],[/color] [color=#cc66cc]117[/color][color=#00aa00],[/color] [color=#cc66cc]1.0[/color][color=#00aa00])[/color][color=#00aa00];[/color] [color=#000000][b]height[/b][/color][color=#00aa00]:[/color][color=#933]20px[/color][color=#00aa00];[/color] [color=#00aa00]}[/color]