/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

3 votes187 views3 answers
How to center a html header
CSS
3 votes172 views1 answer
How to style rule to apply the Border Box model css
CSS
0 vote177 views1 answer
Underlined style for a link
CSS
1 vote196 views1 answer
Add css variables without global
CSS
7 votes172 views3 answers
Pm2 remove process from list
CSS
0 vote255 views1 answer
Codemirror resizable
CSS
38 votes174 views2 answers
Remove list bullet css
CSS
0 vote188 views1 answer
Bootstrap put button on one line
CSS
3 votes221 views5 answers
India
CSS
1 vote182 views2 answers
Styles only for IE
CSS