.a {
    border: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 10px 2px 3px  
}
.a2 {
    border: 2px dashed #fff;
    border-left: 3px solid #fff;
    border-radius: 12px 6px  
}

.b {
    margin: 0px 20px;
    padding: 10px 0px;
}
.c {
    margin: 0;
    padding: 1px 2px 3px 4px;
}

.d {
    margin: 1px 3px 4px;
    position: relative;
}
.e {
    transform: rotate(1deg);
}

.f {
    transform: scale(1,2);
}
.f1 {
    transform: scale(1);
}
.g {
    transform: skew(10deg, 20deg);
}
.g1 {
    transform: skew(10deg);
}
.h {
    transform: translate(10px, 20px);
}
.h1 {
    transform: translate(10px);
}
.i {
    transform: perspective(600px) rotateY(45deg);
}
.j {
    text-decoration: underline line-through;
    text-decoration-style: dotted; 
}
$nihao=#888888
.k {
    box-shadow: 10px 10px 5px $nihao,10px 10px 5px #333;
    shadow-opacity: 0.4;
}