CSS制作三角形广告引导文字效果
发布时间：2020-03-17 18:46:34 所属栏目：系统 来源：站长网
导读：副标题#e# 街上经常碰到一些发各类广告传单的，有一次收到一张房地产广告的传单，顺手留下来，看着里面有些广告挺吸引人，同时也想练练自己css技术，故抽空做了一下。 原图某区域如下： 实现上图效果是需要一些想象力的，比如三角形的构成和左右两边的空白
|
div.arrow_rtitle1{ position: relative; width: 0;height: 0; border-top: 35px solid #68C339; border-right: 210px solid #68C339; border-bottom: 35px solid #68C339; border-left: 25px solid white;}
div.arrow_lcontent1{text-align: center; width: 80px; height: 70px;background: #68C339;color: white;font-size: 15px;}
div.arrow_rcontent1{color: white;position: absolute;left: 10px;top: -30px;width: 180px;font-size: 15px;}
/*第2个广告样式*/ （编辑：PHP编程网 - 黄冈站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330482号