html5 斜边,css斜切角 斜边 倒角

css斜切角 斜边 倒角

.m-test {

width: 100px;

height: 16px;

background: linear-gradient(135deg, transparent 5px, #1e1e1e 0) top left,

linear-gradient(-135deg, transparent 0px, #1e1e1e 0) top right,

linear-gradient(-45deg, transparent 0px, #1e1e1e 0) bottom right,

linear-gradient(45deg, transparent 5px, #1e1e1e 0) bottom left;

background-size: 50% 50%;

background-repeat: no-repeat;

}

css斜切角 斜边 倒角

.m-test {

width: 100px;

height: 16px;

background: linear-gradient(135deg, transparent 5px, #1e1e1e 0) top left,

linear-gradient(-135deg, transparent 0px, #1e1e1e 0) top right,

linear-gradient(-45deg, transparent 0px, #1e1e1e 0) bottom right,

linear-gradient(45deg, transparent 5px, #1e1e1e 0) bottom left;

background-size: 50% 50%;

background-repeat: no-repeat;

}