- Trending Categories
- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Vanithasree has Published 101 Articles
vanithasree
78 Views
Use the CSS :last-child selector to style every element that is the last child of its parent.ExampleYou can try to run the following code to implement the :last-child selector −Live Demo p:last-of-type { background: orange; } Heading This is demo text1. This is demo text2. This is demo text3.
vanithasree
216 Views
To style every element that is the first child of its parent, use the CSS :first-child selector.ExampleYou can try to run the following code to implement the :first-child selector −Live Demo p:first-child { ... Read More
vanithasree
2K+ Views
To create a link button with borders, you can try to run the following code −ExampleLive Demo a:link, a:visited { background-color: white; color: black; border: 1px solid blue; padding: 30px 30px; text-align: center; text-decoration: none; display: inline-block; } a:hover, a:active { background-color: red; color: white; } Demo Link
vanithasree
115 Views
The CSS border-mage-source property is used to set the image path. You can try to run the following code to implement the border-image-source property:ExampleLive Demo #borderimg1 { border: 15px solid transparent; ... Read More
vanithasree
78 Views
CSS border-image property is used to add image border to some elements. You can try to run the following code to set the image as a border for elements:ExampleLive Demo #borderimg1 { border: 10px ... Read More
vanithasree
91 Views
To implement animation on opacity property with CSS, you can try to run the following code:ExampleLive Demo #demo1 { position: absolute; top: 60px; ... Read More
vanithasree
123 Views
Use the white-space property to work with white-space inside an element:ExampleLive Demo p.demo1 { white-space: normal; } p.demo2 { white-space: pre; } Control white-space This is demo text. This is demo text. This is demo text. This is demo text.
vanithasree
394 Views
To implement animation on background-size property with CSS, you can try to run the following code:ExampleLive Demo div { width: 500px; height: 400px; ... Read More