如何创建：CSS 箭头

如何创建箭头

第一步 - 添加 HTML：

Right arrow:

Left arrow:

Up arrow:

Down arrow:

第二步 - 添加 CSS：

.arrow {

border: solid black;

border-width: 0 3px 3px 0;

display: inline-block;

padding: 3px;

}

.right {

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg);

}

.left {

transform: rotate(135deg);

-webkit-transform: rotate(135deg);

}

.up {

transform: rotate(-135deg);

-webkit-transform: rotate(-135deg);

}

.down {

transform: rotate(45deg);

-webkit-transform: rotate(45deg);

}

亲自试一试