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

2 votes218 views1 answer
XAMPP: Another web server daemon is already running
CSS
1 vote253 views1 answer
Sideways linear gradient
CSS
0 vote243 views1 answer
Css for vertical height
CSS
1 vote243 views1 answer
Css selector not contain
CSS
0 vote237 views1 answer
Background pulled to corner on small screens
CSS
0 vote197 views1 answer
Pointer bootstrap 4
CSS
3 votes245 views2 answers
Border radius not working
CSS
1 vote252 views1 answer
@media between two sizes
CSS
0 vote230 views1 answer
Css transition cross browser
CSS
2 votes243 views1 answer
How to put image in button css
CSS