How-to articles, tricks, and solutions about COLOR
The console.log() method outputs a message to the web console. Read the tutorial and learn the simplest method of putting a single or multiple styles to it.
Learn how and why to use the !important rule in your CSS styles. See what cases are recommended and where is the right place to use it.
On this page, you will find how to set a background-color for the text width instead of the width of the entire element. Choose the appropriate method and try examples.
If you want to use beautiful effects for texts and make your Website more eye-catching, read our snippet, try examples and learn to create fade out text effect.
If you want to make your website eye-catching and creative read this snippet and learn to create a glass background effect for your text step by step.
Using icons is great for every website. If you face the difficulty of adding color to Bootstrap icons, add the CSS color property. Change also the font-size.
If you want to create your own color generator using JavaScript, then you’re welcome to our tutorial. In this snippet, we are going to build a hex color generator step by step.
Use the CSS ::selection selector to change the default highlight color while selecting texts. Use only CSS and do cool tricks to have a better user experience. All with examples.
Learn about how to change hyperlink colors, inline and external methods with examples. See also how to give different styles to your anchor link and to change underline color with examples.
The HTML <hr> element is a block-level element and creates a horizontal line. In this snippet, find out how to style a horizontal line by adding a color to it.
Learn How To Change the Color of an HTML5 Input Placeholder with CSS with W3docs tutorial. Try the code examples yourself. Fast solution.
Learn how you can change the color of PNG image with the filter CSS property values. See some examples and create your own code!
In this tutorial, you can see how to change the color of the first word of a text. For that, use the CSS :before pseudo-element with the content property.
Read this tutorial and learn several methods that are used for converting the RGB value to Hexadecimal value easily with the help of JavaScript function.
Shadows always give an image a fresh look and make it eye-catching. Learn How to Create a Drop Shadow for PNG image with W3docs online tutorial.
Learn how to create a drop-down navigation menu with <ul> tag. Create your code step by step and try examples!
If you want to make your Web page more attractive using multicolor texts, read our snippet, find out 3 ways of creating ones and see examples.
If you want to make your Website attractive and interesting for the visitors, read our snippet and learn to create a shining text animation effect.
If you want to add some 3D effects to your text, anaglyphic text effect is a great solution. Read this snippet, try our examples and create one for yourself.
If you are looking for ways for making your website more imaginative, read this snippet and learn to create an animated filled text due to our examples.
If you want to give an original style to your Website, you can read this snippet and create a drop cap style for your texts via CSS first-letter pseudo element.
If your Website contains lots of images and downloads slowly, read our snippet and learn to create thumbnail images, which will help you to solve this problem.
Read this tutorial and learn several ways of removing style added with the .css() function with the help of jQuery. Choose the best method for your case.
Learn how to set a background color in general, how to have gradient and changing background colors with examples.