时间戳

首页 > 技术文章 > 带框和三角的样式

带框和三角的样式

shuihanxiao 2018-10-24 12:27 原文

 

 

.tips-new-white span {
  1. float: left;
  2. background-color: #fff;
  3. color: #333;
  4. padding: 5px 10px;
  5. vertical-align: middle;
  6. line-height: 20px;
  7. margin-top: 5px;
  8. box-shadow: 0 0 3px rgba(0,0,0,.15);
  9. border: 1px solid #ddd;
}
 
 
.tips-new-white b {
  1. position: absolute;
  2. top: 12px;
  3. left: -8px;
  4. width: 9px;
  5. height: 17px;
  6. vertical-align: middle;
  7. background: url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/arrow-left.png) 0 0 no-repeat;
}

推荐阅读