Chapter 12. CSS: Styling Backgrounds
Background Color
Keyword: red
HEX: #FF0000
RGB: rgb(255,0,0)
RGBA: rgba(255,0,0,0.5)
Keyword: green
HEX: #008000
RGB: rgb(0,128,0)
RGBA: rgb(0,128,0,0.5)
Keyword: blue
HEX: #0000FF
RGB: rgb(0,0,255)
RGBA: rgba(0,0,255,0.5)
Keyword: black
HEX: #000000
RGB: rgb(0,0,0)
RGBA: rgba(0,0,0,0.5)
Background Image without Size Setting
Background Image and Size
Cover
Contain
Width 100%
Height 100%
Width 50%
Cover
Contain
Width 100%
Height 100%
Height 50%
Background Image Repeat
No Repeat
Repeat
Repeat-X
Repeat-Y
Background Image Position (%)
Position 0% 0%
Position 50% 0%
Position 100% 0%
Position 0% 50%
Position 50% 50%
Position 100% 50%
Position 0% 100%
Position 50% 100%
Position 100% 100%
Background Image Position (Keyword)
Position left top
Position center top
Position right top
Position left center
Position center center
Position right center
Position left bottom
Position center bottom
Position right bottom
Background Attachment
Check the right top icon
