CSS Tutorials

Setting the alignment of text is quite simple in CSS. The CSS text-align property is used to set the alignment of the text horizontally. As per requirement, you can use the left, right, and center

The CSS border-style property also allows setting the different style for four borders (left, right, top and bottom). Though, border style CSS can be specified in a single declaration as well by using the border property.

The border properties of CSS allow placing the border(s) around the HTML elements. This is very useful and gives the control to specify the border specifications.

With the border-color property, you can set the border color of one or all four borders of the specified element. A simple example of using the border color CSS property is:

The padding and margin properties add spaces in the specified HTML elements. The CSS padding property adds space between the content and border of the specified HTML element.

HTML links, a href=”” can use the CSS power to style in the web pages. You can apply different colors, styles, background, font size etc. in different states of a link by using the CSS link properties.

The hover state occurs when the mouse is over the certain element of the web document. Generally, it is used for HTML links. However, the hover state also applies to the other elements like div, headings, paragraphs etc.

HTML tables can be styled with the power of CSS. You can use CSS border, padding and other properties to look table more stand out and beautiful.

The CSS display property is used to display or hide the specified HTML elements. The display property value as none makes the specified element hidden.

You might have noticed the thumbnail images attached to a blog or website on a landing page or post pages to the left or right of first paragraphs or summary of the posts.