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 vote358 views2 answers
Icon rounded corners css
CSS
0 vote343 views1 answer
Bootstrap remove unused css
CSS
1 vote324 views1 answer
Css without underline
CSS
0 vote351 views1 answer
Css style nth child beyond certain number
CSS
0 vote359 views1 answer
Css display table row gap
CSS
0 vote309 views1 answer
Siteorigin hide row
CSS
3 votes348 views4 answers
How to remove border on button click
CSS
28 votes337 views3 answers
Text gradient css3
CSS
0 vote334 views1 answer
Flexbox 3 columns
CSS
-2 votes329 views1 answer
Css transform translate and rotate
CSS