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 12 of 130
Style the document's root element with CSS
To style document’s root element, use the CSS: root selector.ExampleYou can try to run the following code to implement the: root Selector :root { background: blue; color: white; } Heading This is demo text.
Read MoreRole of CSS: valid Selector
Use the CSS : valid selector to style all elements with a valid value .ExampleYou can try to run the following code to implement the :valid Selector input:valid { background: red; color: white; } Heading The style (red color background) appears if you type a relevant/ valid email address.
Read MoreSet all the top border properties in one declaration using CSS
Use the border-top property in CSS to set all the top border properties in a single declaration.ExampleYou can try to run the following code to implement the border-top property − p { border-style: solid; border-top: thick dashed #FFFF00; } This is demo text
Read MoreAdd a blur effect to the shadow with CSS
To add a blur effect to the shadow, use the box-shadow property.You can try to run the following code to add blur effectExample h2 { box-shadow: 10px 10px 7px green; height: 50px; background-color: yellow; } Heading Two Above heading has shadow.
Read MoreSelects all elements with CSS
To select all elements, use the * CSS Selector. You can try to run the following code to select all the elements,Example *{ color: blue; background-color: orange; } Demo Website Learning Tutorials on web dev, programming, database, networking, etc. Every tutorials has lessons with illustrations and figures.
Read MoreCreate white text with black shadow using CSS
Use the text-shadow property to create white text with black shadow.You can try to run the following code to implement the text-shadow property:Example h1 { color: white; text-shadow: 3px 3px 3px #000000; } Heading One Above heading has a text shadow effect.
Read MoreCreate red neon glow shadow using CSS
To create red neon glow shadow, use the text-shadow property. You can try to run the following code to achieve thisExample h1 { text-shadow: 0 0 4px #FF0000; } Heading One Above heading has a read neon glow shadow effect.
Read MoreUsage of attr() CSS function
The attr() CSS function returns the value of an attribute of the selected element using CSSYou can try to run the following code to implement the attr() function in CSSExample a:before {content: " (" attr(href) ")";} Information Resource Resource: Welcome to Qries
Read MoreReturn the value of an attribute of the selected element using CSS
The attr() CSS function returns the value of an attribute of the selected element using CSSExampleYou can try to run the following code to implement the attr() function in CSS a:before {content: " (" attr(href) ")";} Information Resource Resource:Welcome to Qries
Read MoreUsage of radial-gradient() CSS function
Set a radial gradient as the background image, with radial-gradient() CSS function. You can try to run the following code to implement linear-gradient() function in CSSExample #demo { height: 200px; background: radial-gradient(green, orange, maroon); } Setting background as radial gradient.
Read More