The final code for the HTML page should be as follows:.In the body section, we will call for those classes.Please note, we will be using the decimal code or rgb values for the colors.
In the head section, we will define the style i.e, different classes with different background colors.Since we are using internal style of CSS for this example, we will directly code the HTML page.Using rgb/decimal values for creating color char through internal CSS Saving the html file and opening it through the browser, shall give the following output:.Next, we will create an HTML page where we will call the external style sheet in head section, and the CSS classes in the body section.The final CSS code should look as the code below: Similar to the previous example, we will create different classes with different background colors.We will create this chart using external CSS as well, hence will start by creating a style sheet.It must look similar to the output given below:Ĭreating a pastel color chart, using Hex Code for colors through external CSS We can observe the output by saving the html file and opening it through a browser.In the body section, we will create server paragraphs, calling all the seven classes we have created in our CSS file. Since its an external CSS example, we will call the style sheet in the header section. The final CSS code should look like as below: We will six more classes of the same type, calling different colors of VIBGYOR.The class can be created in the following manner: We will create classes with different colors of background. In this example, we will be using the color names or keywords for calling the colors.Hence, we will be creating the style sheet first. We will use external CSS for this example.Using Keywords for colors, and creating an inverted rainbow through external CSS Let us look at the examples of how to create a color chart.
Some of the common color codes are as follows: Color The syntax for shot hex code for Black color will be:Īpart from hex code, we can call for colors using RGB values or decimal values. We can use short hex code also, to call for a particular color.
Here, we have made use of a keyword to call for the required color. The color for any element in CSS can be defined using the element color. Web development, programming languages, Software testing & others Start Your Free Software Development Course
0 kommentar(er)
