Selected Button
Width
Height
Font Size
Color
Background Color
Baca juga :CSS BUTTON EDİTOR
Border Style
Border Color
Border Width
Border Radius
Border Color
Border Top Color
Baca juga :CSS BUTTON EDİTOR
Border Bottom Color
Border Left Color
Border Right Color
Border Style
Baca juga :CSS BUTTON EDİTOR
Border Width
Measurment
Border Top Width
Border Bottom Width
Baca juga :CSS BUTTON EDİTOR
Border Left Width
Border Right Width
Border Radius
Measurment
Border Top Right Radius
Border Top Left Radius
Baca juga :CSS BUTTON EDİTOR
Border Bottom Right Radius
Border Bottom Left Radius
Padding
Button Alignment
.buttons-0{
width: 15%;
height: 50px;
font-size: 15px;
color: #ffffff;
background-color: #8713d2;
border-color: #ff00a0;
border-width: 2px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-botttom-left-radius: 0px;
padding: 5px;
}
.buttons-0:hover {
width: 15%;
height: 50px;
font-size: 15px;
color: #ffffff;
background-color: #342fc7;
border-color: #ff00a0;
border-width: 2px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-botttom-left-radius: 0px;
padding: 5px;
}
.buttons-0.active {
width: 15%;
height: 50px;
font-size: 15px;
color: #ffffff;
background-color: #39c720;
border-color: #ff00a0;
border-width: 2px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-botttom-left-radius: 0px;
padding: 5px;
}
<div class="btn-align"> <button class="button-class">Button</button> </div>