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

45 votes268 views3 answers
Collapse all code vscode
CSS
1 vote213 views1 answer
Css show newlines
CSS
0 vote220 views1 answer
Table td remove padding
CSS
0 vote285 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
2 votes178 views1 answer
Xpath vs css selector
CSS
0 vote231 views1 answer
Animated progress bar css
CSS
7 votes249 views2 answers
Transition css hover
CSS
42 votes271 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote241 views1 answer
Css flex bottom
CSS
0 vote230 views1 answer
Details summary not open css
CSS