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 vote203 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
0 vote201 views1 answer
Codebuddysurej
CSS
0 vote196 views1 answer
Two background css
CSS
1 vote204 views1 answer
Css prevent margin collapsing
CSS
0 vote190 views1 answer
Project in css transforms
CSS
1 vote219 views1 answer
Css selector not contains attribute
CSS
0 vote213 views1 answer
How to remove link color from <a>
CSS
4 votes198 views1 answer
Who created css
CSS
2 votes198 views5 answers
Figma
CSS
0 vote217 views1 answer
Css text elipsis after width
CSS