/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 vote147 views1 answer
Bootstrap col no gaps
CSS
3 votes172 views4 answers
How to remove css from element using jquery
CSS
0 vote152 views1 answer
For...of...loop
CSS
58 votes148 views2 answers
How to set css style using jquery
CSS
0 vote181 views1 answer
Text stock css
CSS
0 vote165 views1 answer
Css option value
CSS
0 vote143 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
0 vote161 views1 answer
Css remove link border on click
CSS
2 votes150 views1 answer
Js confirm yes no before delete
CSS
2 votes177 views4 answers
Sieve of eratosthenes
CSS