How to Use Cascading Stylesheet in HTML Document

Cascading Stylesheet

Cascading Stylesheet is used to describe the style of HTML document. CSS Example:- h1{ text-align:center; color:#fff; } p { font-size: 20px; font-family: arial; } Types of CSS Internal CSS External CSS Inline CSS Internal CSS Internal CSS is use between the section of <head>.. </head> with the <style> </style> tag. Example:- <html> <head> <title>Internal CSS</title> <style> p{ color:#fff; font-size:20px; […]
Read Full Article
How to Create Rounded Corners using CSS

How to Create Rounded Corners using CSS

In this article, you will learn How to Create Rounded Corners using CSS. You can also make a circle shape with this property. Example: <html> <head> <title>Rounded corners</title> <style> .corners1 { border-radius: 50px / 15px; background: #73AD21; padding: 20px; width: 200px; height: 150px; } .corners2 { border-radius: 15px 50px 15px 50px; background: #73AD21; padding: 20px; […]
Read Full Article
How to use Display property using CSS

How to use Display property using CSS

In this article, you will learn How to use Display property using CSS. The Display property specifies how the element will be displayed. Display: none; The <script> element uses display:none; as default. Example:- <html> <head> <title>Display none Property</title> <style> h1.hide { display: none; } </style> </head> <body> <h1>This is the visible heading</h1> <h1 class="hide">This is the hidden heading</h1> </body> </html> […]
Read Full Article
How to Create Image Border using CSS

How to Create Image Border using CSS

In this article, we will explain How to Create Image Border using CSS.because sometimes we need a border with an image. Example:- <html> <head> <title>Image Border using CSS</title> <style> #borderimg { border: 10px solid transparent; padding: 15px; border-image: url(border.png) 30 round; } </style> </head> <body> <h1>border-image </h1> <p>Here, the middle sections of the image are repeated to create the […]
Read Full Article