【问题标题】:How to make a border to circle in css [duplicate]如何在css中制作边框[重复]
【发布时间】:2019-05-13 08:56:41
【问题描述】:

如何在css中做一个圆形的边框,目前是方形的,所以我想把它做成圆形

    color: white;
    left: 52px;
    position: absolute;
    top: 65px;
    padding: 3px;
    background-color: rgb(0, 195, 255);
   
    font-size: 12px;
}

查看示例图片

【问题讨论】:

  • 在发布问题之前,您需要进行一些研究和搜索。一个简单的google for your title 会带来很多答案。请在下次发布问题之前再努力一点

标签: html css


【解决方案1】:

您可以使用border-radius: 20px 将 20px 高或低更改为更多或更少的曲线,

【讨论】:

    【解决方案2】:

    将宽度和高度设置为相等的值并添加border-radius: 50%;

    .circle {
    width: 60px;
    height:60px;
    border-radius: 50%;
    background-color: #bada55;
    }
    <div class="circle"></div>

    【讨论】:

      【解决方案3】:

      在您的 CSS 中添加 border-radius: 50%;

      【讨论】:

        猜你喜欢
        • 2013-11-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-09-14
        • 2021-11-11
        • 2023-04-07
        • 1970-01-01
        相关资源
        最近更新 更多