Try it Editor: Rounded Images 2

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style>
img {
    border-radius: 50%;
}
</style>
</head>
<body>

<h2>Rounded Images</h2>
<p>Use the border-radius property to create circled images:</p>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGucIT4Xug_cVVX0FwRdBPGLj28vsUwJoaKhqbFTgn_gZXyHvbsrabcnNJQfMQjFsBcscytrNtjJAeCnaXvr7noJRrrC0PsIm2v1TjFgWZXnh8KbrdfJrE8aLcTZfwbggWyZ-PMh52C9CL/s320/paris.jpg" alt="Paris" width="400" height="300">

</body>
</html>

Result :