带框和三角的样式

Posted shuihanxiao

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了带框和三角的样式相关的知识，希望对你有一定的参考价值。

技术分享图片

 

 

.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;
}

以上是关于带框和三角的样式的主要内容，如果未能解决你的问题，请参考以下文章

如何css样式angular2的Ng2-completer插件输入框和下拉颜色？

纯css3单选框和复选框样式美化效果

wpf combobox样式不显示倒三角

CSS三角形制作样式

如何修改spinner控件的样式

三十三CSS三角的做法&用户界面样式