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

5 votes321 views1 answer
Bootstrap darkmode
CSS Bootstrap
10 votes271 views6 answers
Css hover change another element
CSS
0 vote291 views2 answers
Sass variables across files
CSS
-1 vote305 views1 answer
Reset the entire box model
CSS
4 votes302 views1 answer
Orientation css max and min width media query
CSS
0 vote287 views1 answer
Design good font color
CSS
0 vote298 views2 answers
Css comment placer un icon sur une photo
CSS
63 votes283 views6 answers
Remove duplicate array es6
CSS
53 votes289 views6 answers
Css transparent background image
CSS
0 vote295 views1 answer
How to transition text color css
CSS