Rounded Image Corners using CSS
Rounded Image Corners using CSS. In this article we will step into how to round image corner in CSS.
To round the Image Corners in CSS ,the command that we need to use is” border-radius”.
The Command “border-radius ” can be feed in either a percentage or a pixel input
Refer the Code below
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>GETTING STARTED WITH BRACKETS</title>
<meta name="description" content="Just another Website.">
<link rel="stylesheet" href="main.css">
<link href="https://fonts.googleapis.com/css?family=Arvo|Indie+Flower|Ranchers" rel="stylesheet">
</head>
<body>
<div class="container">
<img src="images.jpg " class="borderImage">
</div>
</body>
</html>
CSS
.borderImage{
border-radius: 50px;
}
Output
Well this wrap up on how to round your image by using CSS Coding.Hopefully that answer your question and hopefuly that help you out.
Check out HTML school
Check out how to use Google Font here
Leave a Reply