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

20 votes264 views5 answers
Background color transparent opacity css
CSS
5 votes294 views2 answers
Important css
CSS
2 votes269 views1 answer
Why do we need hexadecimal number system
CSS
0 vote276 views2 answers
Codeigniter return last inserted id
CSS
14 votes269 views2 answers
How to render css in flask link
CSS
0 vote287 views1 answer
Background color in hex css
CSS
37 votes269 views6 answers
Add gradient to text css
CSS
0 vote295 views1 answer
Css sign in with google
CSS
0 vote300 views1 answer
Elementsone after other css
CSS
9 votes291 views3 answers
Css rotate 90 degrees
CSS