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 vote363 views1 answer
Wkhtmltopdf remove thead repeating
CSS
1 vote350 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS
0 vote343 views1 answer
Odoo search
CSS
0 vote376 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
11 votes384 views6 answers
Transition css
CSS
1 vote345 views1 answer
Css flex divide evenly
CSS
0 vote341 views1 answer
Html invisible hr
CSS
0 vote344 views1 answer
Position images in center of container
CSS
0 vote301 views1 answer
All pseudo elements css
CSS
0 vote345 views1 answer
Position absolute above everything
CSS