CSS
2015-09-07 11:01
555 查看
<span class="tj_tiplogo"><div class="tj_tiplogrel"><p>多加5万元</p><div class="tj_tipsjx"></div></div></span>
.tj_tiplogrel {
position: relative;
display: inline-block;
*zoom:1;*display: inline;
height: 24px;
overflow: hidden
}
.tj_tiplogo p {
line-height: 14px;
color: #fff;
background: #f60;
padding: 3px 5px 1px 5px;
font-weight: 700;
font-family: "微软雅黑"
}
.tj_tiplogo .tj_tipsjx {
position: absolute;
top: 18px;
left: 50%;
margin-left: -26px;
width: 0;
height: 0;
border-left: 26px dashed transparent;
border-right: 26px dashed transparent;
border-top: 4px solid #f60
}
相关文章推荐
- 【CSS】CSS 私家库
- js插件动态加载js、css解决方案
- CSS布局(一):display、position、flot
- css3实现文字溢出省略号(…)显示
- div上下左右居中
- 黄聪:TinyMCE 4 增强 添加样式、按钮、字体、下拉菜单和弹出式窗口
- css 选择器如何选择
- css.day01
- class属性中为什会添加非样式的属性值?
- CSS3选择器
- CSS3的布局学习
- CSS3的布局学习
- CSS3弹性盒模型
- HTML+CSS入门
- css中背景 字体 文体属性练习
- css制作三角形,下拉框三角形
- [持续更新]CSS3学习笔记(一)伪类选择器&自定义字体&背景图片
- 关于CSS浮动与绝对定位的个人感悟,看完这篇文章能得到很多相关问题的解释
- CSS,给我们不一样的体验
- CSS3:3D转换