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 Create Border using CSS

How to Create Border using CSS

In this article, you will learn How to Create Border using CSS. Example:- index.php <html> <head> <title>How to Create Border using CSS</title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <h2>Types of border</h2> <p class="dotted">dotted border.</p> <p class="dashed">dashed border.</p> <p class="solid">solid border.</p> <p class="double">double border.</p> <p class="groove">groove border.</p> <p class="ridge">ridge border.</p> <p class="inset">inset border.</p> <p class="outset">outset border.</p> […]
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