Question 234377 in CSS Question posted in
Some basic documentation can be found here.

Css – Img won't be a circle

I have tried using border-radius: 50%;
and as well as clip-path: circle();.

These did not work for me. The image didn’t change at all.

My HTML code for it is:

<div class="mother">
  <img src="C:UsersettolDownloads279844298_10220091619552880_8482562802466459283_n.jpg">
</div>
Tags:

2

Answers


  1. 0

    From the information you gave us, I do not find a reason for border-radius to fail you.
    Anyway, I would like to recommend you to use the "Inspect" feature on your chrome browser (right-click + Inspect). This might show you whether the style is runover, or maybe used on the wrong element.
    Either way, some more information might be useful to further assist you 🙂

    Login or Signup to reply.
  2. 0

    It should be as simple as this.

    .mother {
  border-radius: 50%;
}
    <img class="mother" src="https://picsum.photos/500">
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search