L007. coloured background
on CLOUD 9 || graphics & layouts tutorialscoloured backgrounds
1. Every colour is tagged to a given code. This code can come in two different forms and you can choose to work with whichever you're more comfortable with.
Below are some examples of commonly used colour codes:
Red: #FF0000 or RGB(255,0,0)
Green: #00FF00 or RGB(0,255,0)
Blue: #0000FF or RGB(0,0,255)
White: #FFFFFF or RGB(255,255,255)
Black: #000000 or RGB(0,0,0)
To get the codes for the colour of your choice, go to the colour picker.
2. Next, you can add background colour to the style of a group/object using your selected colour codes.
this is the result of the above code:
#note: the background colour fills the whole width if the width of the group is unspecified
Add the float:left tag if you want the background colour to adapt to the width of the content.
<div style="float:left;background:#D0DA99;">Lorem ipsum dolor sit amet</div>
<div style="float:left;background:#D0DA99
Comments