w3docs logo
  1. Snippets
    2. ›
  2. css

How-to articles, tricks, and solutions about CSS

How to Add a Fixed Width Column with CSS Flexbox

On this page, you will find out how to add a fixed-width column with the help of CSS Flexbox. To achieve this, you need to use the flex or flex-basis property.

html css width column

How to Add a Frame Around an Image

How to add border as a frame for images. Also add image borders to images. See also Circle and Round frames. All with examples.

css image

How to Add a Glass Background Effect to the Text

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.

html css color style text background font

How to add a print button to a web page

To add a print button to a web page using PHP, you can use the following steps:

css php

How to Add a Vertical Line in HTML

In this snippet, we’ll show how to add a vertical line on the left and right sides, as well as how to center it and how to add a vertical line before a text.

html css

How to Add a Vertical Text with CSS Cross-Browser

If you have faced the problem of drawing a vertical text, you can use the transform property. Find out how to use this property to create a vertical text with CSS Cross-Browser.

css text transform

How to Add Advanced Hover Effects to an Image with Pure CSS

Hover effects can create powerful effects when applied to the images. Learn how to make advanced image hover effects with CSS and see examples!

css image hover effect animation

How to Add an Animated Text Over an Image on Hover With CSS3

Know how to put an animated text over a faded image on hover using only CSS3. For that purpose, use the transition and the opacity properties. See examples!

css image text hover animation CSS3 transition

How to Add an Onclick Effect with HTML and CSS

In this snippet, we’ll demonstrate how to add an onclick event in CSS. The best way of creating an onclick effect is using the well-known checkbox hack.

html css input

How to Add and Use CSS Comments

A CSS comment is used to give explanatory information to the code or to prevent the browser from trying to interpret particular parts of the style sheet.

css comment rule