Question

我什至不知道该如何真正地描述它，所以这是图片。 Yeah, something like that.我的意思是圆形边框，但就像它的一部分一样，是红色的。另外，我不希望它具有动画效果或其他任何功能，是否可以仅使用CSS和HTML而不使用JavaScript？
很想在这里获得帮助！

Answer 1

我认为这可以为您提供帮助。

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
    body{
    background:yellow;
    }
    .image{
    height:100px;
    width:100px;
    margin:auto;
    border-radius:50%;
    border:10px solid red;
    border-left:10px solid transparent;
    padding:15px;
    transform:rotate(45deg);
    }
    img{
    width:100%;
    height:100%;
    border-radius:50%;
    transform:rotate(-45deg);
    }
    </style>
    </head>
    <body>
    <div class="image" >
    <img src="img.jpg" />
    </div>
    </body>
    </html>

如何用百分比条做边框

1 个答案: