css的返回图标代码

CSS是网站设计中一个重要的组成部分。其中，用于添加图标的CSS样式对于网站而言尤为重要。实现一个返回图标只需要几行代码，下面是其中的一种实现方式：

.back-button {
  
  width: 30px;
  
  height: 30px;
  
  border: 2px solid #000;
  
  transform: rotate(135deg);
  
  margin-left: 10px;
  
  display: inline-block;
  
  position: relative;
}
.back-button:before,
.back-button:after {
  
  content: "";
  
  position: absolute;
  
  top: 10px;
  
  left: 1px;
  
  background-color: #000;
  
  width: 28px;
  
  height: 2px;
}
.back-button:before {
  
  transform: rotate(-45deg);
}
.back-button:after {
  
  transform: rotate(45deg);
}
 

以上CSS代码能够生成一个30像素宽、30像素高的黑色返回图标。其中，使用rotate属性使其实现旋转。同时，通过before和after伪元素，实现两根水平显示的直线，从而形成箭头的形状。