/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

1 vote310 views1 answer
Convert image in rounshape in css
CSS
0 vote315 views1 answer
Css dark blue
CSS
0 vote304 views2 answers
Css setting table column width
CSS
1 vote305 views1 answer
Css break wrap header
CSS
10 votes309 views4 answers
Bootstrap badges Links
CSS
0 vote342 views2 answers
How to remove text style on td in angularjs
CSS
3 votes320 views2 answers
Set css to default
CSS
0 vote309 views1 answer
How to make code continue after a transition css
CSS
5 votes290 views1 answer
Rgb background
CSS
0 vote312 views1 answer
-webki slider runnable track
CSS