Скачать или смотреть color property | css | theelitecode | webdevelopment |

The color property in CSS is used to set the text color of an HTML element. It can be set using a variety of color formats, including named colors (like red or blue), RGB values (like rgb(255, 0, 0)), and hex codes (like #ff0000).

Here's a basic example that sets the text color of all paragraphs on a web page to red using the color property:

css

p {
color: red;
}
In this example, the p selector targets all p elements, and the color: red; declaration sets the text color to red.

For an advanced example, let's say you want to create a hover effect on a link where the text color changes when you hover over it. You could achieve this using the color property and the :hover pseudo-class, like this:

css

a {
color: blue;
transition: color 0.3s ease;
}

a:hover {
color: red;
}
In this example, the a selector targets all links on the page. The color: blue; declaration sets the initial text color to blue, and the transition: color 0.3s ease; declaration adds a smooth transition effect when the color changes.

The a:hover selector targets the same links when they are hovered over, and the color: red; declaration changes the text color to red on hover.

This is just one example of how you can use the color property in a more advanced way to create interactive effects on your web page.