Css circle border

Css circle

    #circle {
      width: 100px;
      height: 100px;
      background: red;
      border-radius: 50%
    }

Source: css-tricks.com

How to make borders rounded in css

#rcorners {
  border-radius: 25px;
}

Css circle border

.circle {
    background-color:#fff;
    border:1px solid red;    
    height:100px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:100px;
}
<div class="circle"></div>

Create circle border css

#div2{
    width: 150px;
    height: 150px;
    border: 3px solid #05ffb0;
    border-radius: 50%;
    padding: 20px;
    text-align: center;
}

Source: programmersportal.com

Similar codes

0 vote252 views1 answer
Nuxt scss
CSS
0 vote235 views1 answer
Prevent text from going to next line css
CSS
1 vote283 views3 answers
Css hover animation text
CSS
0 vote240 views2 answers
Card css
CSS
0 vote240 views1 answer
ProgressBars bulma -- thickness
CSS
253 votes343 views10 answers
Bootstrap cdn
CSS Bootstrap
55 votes236 views4 answers
Hover effects css
CSS
35 votes258 views4 answers
Css nth element
CSS
1 vote216 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS
1 vote224 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS