How-to articles, tricks, and solutions about STYLE
Create a contact form for collecting user’s contact details and opinions about your website. Follow the steps and create a contact form with CSS in a simple way.
Learn how to create and style custom checkboxes and radio buttons. Also set custom images as checkboxes and radio buttons. See all with 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.
Know how to create a flashing/glowing button with the help of CSS. Also, see examples!
Read this tutorial and learn which two functions are used to create a fullscreen overlay navigation menu to make your website more beautiful and catchy.
All of us can remember glitch effects from our TV sets! Learn how to create one of the coolest effects for your website and also catch the examples with pure CSS.
Use mix-blend-mode and text-fill-color CSS properties for having knockout text. Add also animations to them. See examples.
How to Create Loading Spinner With CSS? CSS animations allow creating a loading spinner easily. Learn with W3docs online tutorial. Fast solution.
Pagination has a greate role in the SEO of your website. Read the article and know how to create standard and beautifully designed pagination with just HTML and CSS.
Create and style beautiful search boxes without any JavaScript code. Learn the steps to create search boxes and find lots of examples in this tutorial.
Create an awesome 3D stacked paper effect for your content container. Read the tutorial and find examples!
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.
If you want your Website to look creative, then read our snippet and learn how to get a cut corner effect using different methods and try some examples.
Learn how to disable links on the current page using pointer-events and user-select properties. Also, find examples!
If you want to make a button onclick, you need to add the onclick event attribute to the <button> element. Learn How to Make Button Onclick with Examples.
How CSS overriding works, what is the cascading order and inheritance, what are the priorities and some tricks to override them.
Use outline: none to remove the ugly border color for a form field in Chrome. Learn also how to give your own style for showing that the box is active. All with examples.
CSS suggests flexible and useful properties to solve any problems that may occur. Remove the space between cells of the table with the border-collapse property.
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 the ways of removing, styling and replacing list bullets with images. Also how to make horizontal lists. All with examples.
Learn how to set a background color in general, how to have gradient and changing background colors with examples.
How to style the select box. Learn 4 ways of replacing the annoying drop-down arrow and setting either a background-image instead of it or a punctuation mark.
Checkbox is one of the HTML forms used on every website, but mostly they are not styled and look the same. If you want to make your site more attractive for users, you can simply style your checkboxes. If you don’t know how to do that, now we will create
Learn the ways of styling and have attractive horizontal lines: how to change color and size, set images as horizontal lines and a pack full of various kinds of <hr> examples.