Rounded borders button css

Rounded corners css button

.btn{
    border: none;
    padding: 7px 26px;
    text-align: center;
    color: white;
    background: #dc3545;
    border-radius: 40px;
}

Source: programmersportal.com

How to make a rounded button

<Style TargetType="Button" x:Key="RoundButton">
    <Style.Resources>
        <Style TargetType="Border">
            <Setter Property="CornerRadius" Value="5" />
        </Style>
    </Style.Resources>
</Style>

Source: stackoverflow.com

Similar codes

1 vote218 views1 answer
Css selector excluding last child
CSS
6 votes217 views3 answers
Css change background color of page
CSS
0 vote216 views1 answer
Paste in form field cordova app
CSS
0 vote240 views1 answer
Crystal background css
CSS
0 vote226 views1 answer
Npm registry package not found
CSS
0 vote223 views1 answer
Quitar flecha summary html css
CSS
1 vote253 views1 answer
Sass compile minified
CSS
10 votes209 views1 answer
Css when click select another class
CSS
0 vote244 views1 answer
Why we are translating -50%, -50% in css
CSS
4 votes227 views3 answers
Css alternate row color
CSS