Miguel Moura Miguel Moura - 1 month ago 7
CSS Question

How to create a circumference with CSS?

I have the following markup:

<ul>
<li><a href="#1"></a></li>
<li><a href="#2"></a></li>
<li><a href="#3"></a></li>
</ul>


Is it possible to make a A tags become circumferences?

I know how to make them circles using
border-radius
...

But how to make them circumferences?

Thank You,
Miguel

Answer

Do you mean show the circumference like this?

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 5px solid #c00;
}
<ul>
  <li><a href="#1"></a></li>
  <li><a href="#2"></a></li>
  <li><a href="#3"></a></li>
</ul>