常用css样式函数总结

1：按钮样式

/*按钮*/
@mixin btn-style($btnwidth,
$color,
$bgcolor,
$bdcolor) {
    width: $btnwidth;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: $color;
    background: $bgcolor;
    border-radius: 3px;
    border: 1px solid $bdcolor;
    outline: none;
    font-size: 12px;
    cursor: pointer;
}

调用方法：

@include btn-style(100px, #fff, #f94f3f, #f94f3f);

 

转载于:https://www.cnblogs.com/xiaozhumaopao/p/7209497.html