css - 如何用CSS创建圆周？

Closed. This question needs details or clarity。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？添加详细信息并通过editing this post阐明问题。
                        
                        5年前关闭。
                                                                                            
                
        
我有以下标记：

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

是否可以使A标签成为圆周？

我知道如何使用border-radius让他们转圈...

但是如何使它们成为圆周呢？

谢谢，
米格尔

最佳答案

你的意思是这样显示圆周吗？

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>

关于css - 如何用CSS创建圆周？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23057646/