How-to articles, tricks, and solutions about STYLE

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.

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.

Learn how to create an anchor link to jump to a specific section of a page, and how to link to the anchor from another webpage. Also see how to style the jumping anchor link with examples.

There are several ways to place a clickable button on a webpage that will be linked to another page of your website. You can add inline onclick event to HTML button tag, or input tag.

To add background image to your HTML document you should use CSS styles.

Learn how to create an HTML table, how to change HTML table border style using CSS. How to add border to<div>,<h2> &<p> elements. Practice with examples

Learn about how to add border to an image, how to add styling to it and how to specify each corner and have circle borders. Practice all with examples.

If you want to make your website more attractive, read this snippet and learn how to add both a background-image and CSS3 gradient to the same element.

If you are tired of standard heading styles then read this snippet and learn to add lines before and after heading giving it an attractive and unique style.

Read about how to use multiple background images with the help of background-image, background-position, background-repeat properties. Also, see examples!

Learn how to make a word or character have half style or triple style. Use only CSS to get the effect, or do it with the help of JavaScript and jQuery.

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.

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.

Since actually, we cannot style the “title” attribute inside an anchor tag, we suggest using some other methods of styling the tooltip inside an anchor tag.

One of the best effects to stylize your text, is making it appear blurred. In this snippet, we are going to show you two methods of creating a blurry text. So here we go.

Learn how to create a drop-down navigation menu with <ul> tag. Create your code step by step and try examples!

In this tutorial, find out how it is possible to style a list with dashes instead of bullet points. Use the :before pseudo-element with the content property.

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.

Apparently, all websites have login forms and millions of people log in every day. Create a login form in navbar for your website in an easy way using just HTML and CSS.

Know how to create a scrollbar indicator element on your webpage which indicates how far the user has scrolled down the page. Use a little JavaScript code to animate your webpage bar.

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.

Learn different ways of how to create buttons with line breaks. See also how to give styling to them with examples.