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 vote186 views1 answer
For loop for increment id of div in jquery
CSS
0 vote169 views2 answers
Background having opacity and text above to not have opacity
CSS
71 votes192 views6 answers
How to center items in css
CSS
0 vote170 views2 answers
Css gradient rgba to hex
CSS
0 vote193 views1 answer
Text below filter css using pseudo
CSS
32 votes182 views5 answers
Css text align right
CSS
4 votes177 views2 answers
InsecureRequestWarning disable
CSS
0 vote183 views1 answer
How to use formailze me ?
CSS
0 vote197 views1 answer
Css border up and down
CSS
1 vote221 views1 answer
Css selector start with
CSS