使用css的:before属性在文字前加短竖线

有时候我们需要在文字或者标题前加个短竖线，有的人会使用 border 来模拟一个竖线，其实大可不必，我们可以利用元素的 :before 属性来实现，效果如下：

 具体的代码如下，

HTML：

基本信息

CSS：

.info-title-title {
  position: relative;
  padding-left: 10px;
}
.info-title-title:before {
  content: "";
  background-color: #3796EC;
  width: 3px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 详解集群级备份恢复：物理细粒度备份恢复

摘要：在实际使用过程中，数据库集群级的故障并非高概率事件，如何安全高效地帮助客户备份恢复一部分数据库元素，才是更加实际的需求，这也是细粒度备份恢复的意义所在。 本文分享自华为云社区《GaussDB（DWS）之物理细粒度备份恢复》，作者：我的橘子呢 。 1. 认…