1 00:00:00,420 --> 00:00:01,870 Hello and welcome. 2 00:00:01,920 --> 00:00:07,800 This video be showing you how to change the background colour. 3 00:00:07,910 --> 00:00:14,730 Hoffman his helmet is in this background Condor property. 4 00:00:15,180 --> 00:00:22,380 So the singer says background colour property is basically used to change or specify the background 5 00:00:22,380 --> 00:00:26,320 colour of his male element. 6 00:00:26,400 --> 00:00:28,620 We need changing in the background colour. 7 00:00:28,620 --> 00:00:36,720 You can either use evangelised Collen name like red or you can use the hex value. 8 00:00:36,810 --> 00:00:44,040 So when you set in the background colour if you prefer to use the name of the colour in bold move to 9 00:00:44,040 --> 00:00:44,520 use it. 10 00:00:44,520 --> 00:00:47,780 If not you can use the hex value. 11 00:00:48,110 --> 00:00:49,680 But work the same way. 12 00:00:49,680 --> 00:00:53,160 There are also lots of tools that you can use to help you. 13 00:00:53,280 --> 00:01:01,330 There are collor pick a tool that will give you a colour name and also give you the hex decimal values. 14 00:01:01,690 --> 00:01:13,450 In my CFS one I'm going to do I am going to set the background carlaw for my entire hastier month element. 15 00:01:13,840 --> 00:01:22,890 I am going to use Carlo pick up tool just to guide me so that I know which carlaw I want this tool. 16 00:01:22,890 --> 00:01:28,120 Here on this website called hastier MIL colour code dot com. 17 00:01:28,440 --> 00:01:33,240 So basically you highlight whatever colour you want and just looked through. 18 00:01:33,240 --> 00:01:39,120 I have already picked out the quilt I want So once you select the colour you want you can play around 19 00:01:39,120 --> 00:01:42,320 with they will also want to use some more things around. 20 00:01:42,690 --> 00:01:44,640 I picked this column up here. 21 00:01:44,640 --> 00:01:49,380 This is a column I want which is a column displayed. 22 00:01:49,380 --> 00:01:58,200 It tells you this is the hex value tells you that there is going to grab that most developers tend to 23 00:01:58,200 --> 00:01:59,390 use the expel. 24 00:01:59,490 --> 00:02:01,330 Is quite common. 25 00:02:01,360 --> 00:02:08,730 You can use the GP value as well as Red Green Blue but most people tend to use the hex values which 26 00:02:08,730 --> 00:02:10,200 is a lot easier. 27 00:02:10,230 --> 00:02:17,700 So if for example I wanted another colour I just moved this and just play around mix it a bit until 28 00:02:17,700 --> 00:02:20,670 I see if I want to and then grab the next value. 29 00:02:21,060 --> 00:02:28,770 So I grab what I want and I want to play a background colour to the entire hastier modal element. 30 00:02:28,970 --> 00:02:34,010 If I go into my index or tastier mail this is my first email. 31 00:02:34,080 --> 00:02:41,410 That's the beginning and that's the end so I want to apply to the entire hastier malcontent. 32 00:02:41,600 --> 00:02:53,790 I want to give it a background call so inside my CFS I just type in the word hate mail and do my curly 33 00:02:53,790 --> 00:02:59,700 braces and separate them inside my braces I like typing background. 34 00:02:59,730 --> 00:03:00,250 He can see. 35 00:03:00,260 --> 00:03:07,320 Gives me some suggestions here are quick background colour for the background colour. 36 00:03:07,320 --> 00:03:10,660 I've already copy what I want. 37 00:03:10,680 --> 00:03:15,380 You can see it's already reflected and just to enter. 38 00:03:15,530 --> 00:03:25,300 To always end your sig says rules with a semicolon so that in the browser knows where it ends. 39 00:03:25,590 --> 00:03:34,050 I'm just going to quickly say that he can see now the background colour as reflected fighters expand 40 00:03:34,800 --> 00:03:44,220 the web page because I've applied it to the hastier mail element is applied to the entire page because 41 00:03:44,220 --> 00:03:49,490 the entire page is in Tim the document which is where I have specified. 42 00:03:49,500 --> 00:03:55,120 But you can specify a background colour around any elements you want. 43 00:03:55,300 --> 00:04:04,590 But in my case I have done it around the entire time element so that's basically how to change the background 44 00:04:04,590 --> 00:04:09,850 colour of this term limit or your hastier my page. 45 00:04:10,050 --> 00:04:12,720 Thank you for watching and bye for now.