gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Rgbcolors with alpha channel (#27219)

Browse Source
This commit is contained in:
Agnes Brettl
2019-03-02 17:00:44 +00:00
committed by Christopher McCormack
parent d4d1834766
commit 6b581d6f81
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
guide/english/css/background/index.md
View File

@ -28,11 +28,14 @@ h1 {
``` ```
![twobackground](https://user-images.githubusercontent.com/26467304/31036152-0607936a-a539-11e7-9e9f-a5e60ade042d.png) ![twobackground](https://user-images.githubusercontent.com/26467304/31036152-0607936a-a539-11e7-9e9f-a5e60ade042d.png)
In CSS color can be defined in four ways: (using white as an example) In CSS color can be defined in a few different ways:
* A valid color name such as `white`. * A valid color name such as `blue`
* A HEX value such as `#FFFFFF`. * A HEX value such as `#FFFFF` (This is the hex value for white.)
* An abreviated HEX value such as '#FFF'. * An abbreviated HEX value such as '#FFF'.
* An RGB value such as `rgb(255,255,255)`. * An RGB value such as `rgb(76,175,80)` (This is the RGB value for light green.)
* RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity of the object.
* An RGBA color is specified with the rgba() function, which has the following syntax: `rgba(red, green, blue, alpha)`
* The alpha parameter is a number between `0.0` (fully transparent) and `1.0` (fully opaque).
### Background Images ### Background Images
You can use the `background-image` property to set an image as a background for an element. You can use the `background-image` property to set an image as a background for an element.