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

118 votes362 views6 answers
Css @media
CSS
0 vote300 views2 answers
Css disabled cursor not allowed
CSS
4 votes315 views1 answer
Target css by form name
CSS
29 votes323 views2 answers
@font-face rule in css
CSS
0 vote338 views1 answer
Remove effect off animation css
CSS
0 vote349 views2 answers
Preloader css
CSS
-1 vote341 views1 answer
How to make white image black in css
CSS
51 votes309 views6 answers
Text overflow ellipsis css
CSS
0 vote313 views1 answer
Setting size for png icon in CSS
CSS
7 votes331 views6 answers
Animation css
CSS