Div has a circle of borders that can't be removed.

clipboard.png

here is css 

.score {
                width: 3.733333rem;
                height: 3.733333rem;
                background-image: linear-gradient(to bottom,-sharp18B4ED,-sharp18B4ED);
                background-clip: padding-box;
                border-radius: 2rem;
                position: relative;
                overflow: hidden;
                z-index: 110;
            }

            .score span {
                width: 3.733333rem;
                height: 3.733333rem;
                text-align: center;
                background-color: -sharpffffff;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 113;
            }

here is html 

        <div class="score">
            <span>
                
92

                

            </span>
        </div>

has anyone ever encountered this problem?

Css
Mar.18,2022

do you mean a circle of blue sky? Didn't you set that yourself? background-image: linear-gradient (to bottom,-sharp18B4ED,-sharp18B4ED); this thing

I'm sure there's border written somewhere else, and you write a border: noneyed importance; try

https://codepen.io/ssj_8551/p.

the style you have posted so far does not cause the border on the outside of it

clipboard.png

clipboard.png

@ @

border-radius ;


clipboard.png

clipboard.png
this is the enlarged edge
, so the thin line (which looks intermittent) is that the colored pixels outside the selection have been dotted

.

if you really mind, you can try to remove

like this. 
.score {
    width: 3.733333rem;
    height: 3.733333rem;
    background-image: linear-gradient(to bottom,-sharp18B4ED,-sharp18B4ED);
    background-clip: padding-box;
    border-radius: 2rem;
    position: relative;
    /*overflow: hidden;*/
    z-index: 110;
}
.score span {
    width: 101%;
    height: 101%;
    text-align: center;
    background-color: -sharpffffff;
    border-radius: 50%;
    position: absolute;
    left: -0.5%;
    top: -0.5%;
    z-index: 113;
}

the inside is slightly larger than the outside, and the positioning is also slightly changed

Previous: How is this effect done? Do you use any plug-ins?

Next: In the background management system, the front and rear ends are separated, and different roles see different pages.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu