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 vote315 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
0 vote264 views1 answer
Feature detect css
CSS
2 votes288 views2 answers
Css img scale-down
CSS
2 votes258 views1 answer
Ho to choose the first child of parent in css
CSS
12 votes244 views4 answers
Sticky header
CSS
1 vote246 views1 answer
Comfirm before delete
CSS
2 votes245 views2 answers
Bootstrap icons in angular
CSS
8 votes252 views5 answers
Flex margin between items
CSS
0 vote303 views1 answer
Progress bar bootstrap border
CSS Bootstrap
26 votes263 views5 answers
Css multiple classes
CSS