/CSS/How to make rounded corners in css with images

How to make rounded corners in css with images

How to round the edges of an image in HTML

img.rounded-corners {
  border-radius: 30px;
}

Source: ianrmedia.unl.edu

Css image round

 img {
  border-radius: 50%;
  height:200px;
  width:200px;
} 
/*image size, (height & width) both must be same.
	if they are not same then no circle. 
*/

How to make rounded corners in css with images

img{
  width: 200px;
  height:200px;
  border-radius: 50%;
}

Source: programmersportal.com

Similar codes

116 votes115 views6 answers
How to hide the scrollbar in css
CSS
59 votes116 views6 answers
Remove underline from link css
CSS
0 vote104 views2 answers
Gray scale css
CSS
0 vote119 views1 answer
Ecto generator create new mvc
CSS
1 vote146 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote117 views1 answer
Elemento SPAN
CSS
0 vote107 views1 answer
Tailwind css ui dropdown
CSS
2 votes104 views1 answer
Clamp margin
CSS
1 vote104 views1 answer
Comfirm before delete
CSS
64 votes119 views4 answers
Bootstrap buttons
CSS