w3resource

HTML CSS Exercise - CSS3 Image Rounded

HTML CSS Exercise - 10

In this exercise you will make an image rounded with CSS3.

On completion, the page will look like following

Image Rounded

Use the following editor to complete the exercise.

See the solution in the browser

See the Pen html css common editor by w3resource (@w3resource) on CodePen.


Previous: Create a CSS3 based button.
Next: Create Stitched looks with css3.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Share this Tutorial / Exercise on : Facebook and Twitter

HTML-CSS: Tips of the Day

How to get equal width of input and select fields?

Here is how to change the box model used by the input/textarea/select elements so that they all behave the same way. You need to use the box-sizing property which is implemented with a prefix for each browser

-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;

This means that the 2px difference we mentioned earlier does not exist..

Note: On IE it works from version 8 and upwards.

Ref: https://bit.ly/3z0Dpec