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

45 votes317 views6 answers
Css elipsis
CSS
1 vote274 views1 answer
Css image background center horizontally in div
CSS
0 vote333 views2 answers
How to zoom picture on hover using css
CSS
48 votes380 views6 answers
Media query min and max
CSS
3 votes362 views6 answers
Htaccess
CSS
0 vote316 views1 answer
Css grid no stretch
CSS
0 vote308 views1 answer
How to change textsize recta native
CSS
-1 vote318 views2 answers
Html and css websites
CSS
0 vote311 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
0 vote283 views0 answer
CSS