css实现X号关闭按钮

最终实现样式

<div class=”close”></div>

.close {
position: relative;
width: 5px;
height: 20px;
background: #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
margin-right: 10px;
}
.close:after {
position: absolute;
top: 0;
left: 0;
content: “”;
width: 5px;
height: 20px;
background: #000;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
margin-right: 10px;
}