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 votes369 views1 answer
Div color overlay css
CSS
3 votes358 views2 answers
Ignore cache pip
CSS
27 votes334 views4 answers
How to import fonts css
CSS
1 vote326 views1 answer
A open new tab css
CSS
2 votes355 views1 answer
How to make html element not selectable
CSS
0 vote350 views2 answers
Tailwind css disabled button
CSS
0 vote347 views1 answer
Not checked css
CSS
0 vote379 views1 answer
How to disable margin collapse between parent and child
CSS
9 votes363 views3 answers
Css get rid of button outline on click
CSS
0 vote358 views1 answer
CodeIgniter + WordPress integration
CSS