就是图中的推荐作品和图书简介前面的红色向右小箭头,看不了源码所以不知道怎么写。
是用的字体还是图片呢?
经过@guangpunba的建议
#tushujianjie {
border: 10px solid transparent;
border-left: 10px solid red;
}
1.css可以直接实现
<div class="box"><span>图书简介</span></div>
.box span{position: relative;font-size: 14px;padding-left: 16px;}
.box span:after{
content: '';
position: absolute;
top: 0;
left: 0;
border: 8px solid transparent;
border-left:8px solid orange;
}
2.可以用字体图标 Font Awesome
3.可以用图片
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。