css实现标题左右横线

直接上代码

快来设置吧
.title {
  position: relative;
  font-size: 32px;
  color: #fff;
  height: 45px;
  line-height: 45px;
  text-align: center;
  top: 60px;
}
.title:before {
  content: "";
  position: absolute;
  width: 28px;
  height: 2px;
  top: 50%;
  background-color: #fff;
  left: 32%;
}
.title:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 2px;
  top: 50%;
  background-color: #fff;
  right: 32%;
}

效果图

效果图

你可能感兴趣的:(css实现标题左右横线)