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

8 votes347 views2 answers
Css resize checkbox
CSS
34 votes313 views6 answers
Color gradient for text
CSS
0 vote277 views1 answer
Css !important
CSS
0 vote324 views1 answer
Media query change button text
CSS
15 votes287 views2 answers
Npm scss
CSS
1 vote306 views1 answer
Css flex divide evenly
CSS
0 vote349 views1 answer
Reindent sublime
CSS
0 vote377 views2 answers
Bootstrap 5 container
CSS Bootstrap
33 votes324 views6 answers
Background image opacity css
CSS
21 votes289 views2 answers
Remove focus border
CSS