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

18 votes195 views2 answers
How to make a game engine
CSS
0 vote173 views0 answer
CSS
0 vote199 views1 answer
Accessing folders in css
CSS
2 votes172 views1 answer
Bootstrap list view
CSS
1 vote220 views1 answer
Screen rotation in css
CSS
6 votes198 views2 answers
How to make all the columns equal size with flexbox
CSS
25 votes164 views6 answers
Text stroke
CSS
0 vote212 views1 answer
Not for specific child class
CSS
0 vote220 views1 answer
Javafx set border outside
CSS
0 vote213 views1 answer
How to make a pixel in css
CSS