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

0 vote372 views1 answer
Css hide mark border
CSS
1 vote373 views1 answer
Zoom background image css
CSS
1 vote364 views1 answer
The user specified as a definer does not exist
CSS
0 vote404 views1 answer
Css file verlinken
CSS
23 votes385 views3 answers
How to change placeholder color
CSS
46 votes349 views6 answers
Font color css
CSS
-1 vote370 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
0 vote379 views3 answers
Svg background css
CSS
1 vote350 views1 answer
Css text bubble
CSS
13 votes403 views2 answers
Box-sizing
CSS