Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
CSS Articles
Page 124 of 130
How to change the color of focused links with CSS
Use the :focus class to change the color of focused links. Possible values could be any color name in any valid format.ExampleYou can try to run the following code to implement the color of the focused link − a:focus { color: #0000FF } This is demo link
Read MoreUsage of :first-child pseudo-class in CSS
Use the :first-child pseudo class to add special style to an element that is the first child of some other element.ExampleYou can try to run the following code to understand the usage of :first-child pseudo class − div > p:first-child { text-indent: 25px; } First paragraph in div. This paragraph will be indented Second paragraph in div. This paragraph will not be indented But it will not match the paragraph in this HTML: Heading The first paragraph inside the div. This paragraph will not be effected.
Read MoreUsage of :hover pseudo-class in CSS
The :hover pseudo class is used to add special style to an element when you mouse over it. Possible values could be any color name in any valid format.Example a:hover { color: #FFCC00 } Bring Mouse Here
Read MoreUsage of margin property with CSS
The margin property defines the space around an HTML element. It is possible to use negative values to overlap content. It specifies a shorthand property for setting the margin properties in one declaration.ExampleYou can try to run the following code to set margins − All four margins will be 20px Top margin will be 15px, left and right margin will be 4% of the total width of the document, bottom margin will be -10px
Read MoreUsage of :visited pseudo-class in CSS
The :visited pseudo-class is used to add special style to a visited link. Possible values could be any color name in any valid format. Example a:visited { color: #006600 } Click this link
Read MoreCSS outline-color property
The outline-color property allows you to specify the color of the outline. Its value should either be a color name, a hex color, or an RGB value, as with the color and border-color properties.ExampleYou can try to run the following code to implement outline-color property − This text is having thin solid blue outline.
Read MoreCSS outline-style property
The outline-style property specifies the style for the line that goes around an element. It can take one of the following values −none − No border. (Equivalent of outline-width:0;)solid − Outline is a single solid line.dotted − Outline is a series of dots.dashed − Outline is a series of short lines.double − Outline is two solid lines.groove − Outline looks as though it is carved into the page.ridge − Outline looks the opposite of groove.inset − Outline makes the box look like it is embedded in the page.outset − Outline makes the box look like it is coming out of the ...
Read MoreUsage of :link pseudo-class in CSS
The :link pseudo-class is used to add special style to an unvisited link. Possible values could be any color name in any valid format. Example a:link { color:#000000; } Demo Link
Read MoreWhat are CSS pseudo-classes
CSS pseudo-classes are used to add special effects to some selectors. You do not need to use JavaScript or any other script to use those effects.The most commonly used pseudo-classes are −ValueDescription:linkUse this class to add special style to an unvisited link.:visitedUse this class to add special style to a visited link.:hoverUse this class to add special style to an element when you mouse over it.:activeUse this class to add special style to an active element.:focusUse this class to add special style to an element while the element has focus.:first-childUse this class to add special style to an element that ...
Read MoreUsing CSS z-index property
The z-index property is used along with the position property to create an effect of layers. You can specify which element should come on top and which element should come at the bottom. ExampleYou can try to run the following code to implement the z-index property −
Read More