CSS3 banner图片的标签效果

放body看,你懂的：)

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAABACAIAAAAf95u/AAADRUlEQVR4nO3cv2/aUBAHcP6A/Hn5WzJWVFWGjBUDU5ZWpUq3GomBtJXVdmGpkRgYKk8gQEYKYLCt52e/18EKQv7FIzzj9O6+OkUMzgndR2eQsN346zAqVNWo/R1QXbgaX75ZVKiqIQvydNOgerppBI/NohH9pyFyXN6yiFwIUfu4ay+Q3jKXXAgRx3HtEyfvipJPHkVR7UMn74qSQx7HMee89rmTd0VJkydndcZY7aN/bd5CiIotLpQc8iiKgiCoffqvylvCJuece553dEAqKf/3y/TU4i1hk4dhuNvtVMjVD8geXESuvacWbwme3HXdk8iP+r2AXFdPLd6SyLPTz557zyfX0lOLtwRPvtls1MlTgy7iUfl4rqKnFm8Jm5wxpk5++LdkCxUNquipxVsSee4iFq3mqeR6e2rxlkSe2sKi1y8m19iTyFM5i7wEJrWgip+4VfTUpU7k+cMt2sKjB1fXU5c6kefvogqVCrnGnrrUiTw93CzS+VuupacudSI/YQuLGM45sav31KVO5IXfnlLfpEoMcsm199SlTuQAC++Pp2jJy9WJHGwVqRM55MpVJ3LglVWHTK744yn4SqkDJ1e5RAJDHaoTOZbaqwMnV7ncEU8l6pDJFS9qRlXBYxMyOdpbF8oLMnlyg9KPj82766tstdvtVqv1HlZarVa73b6/v+90OoZhmKZpWZZt247jbLdbxlgcx2DJ5fNtiL7vf//wJkve6/W63a5hGF+hxDCMbrfb6/X6/b5pmoPBYDQa2bY9n8/X67Xv+5zzOI4vb1NRCm82Zox5npdVHw6HlmX9gRXLsobD4Wg0Go/Htm1PJhPHcdbrted5jLEoisCsuCx5pECi7vt+6gw/nU4nEDOdTmez2WKxWC6Xq9Vqu936vp94Qzqry5IHhyTqnHPGmPnp7Z7cdd0NxLiu67rubrfzPC8IAsYY5xyetyx5PJAQIoFP7H9+fpeQh2EYhiGDlfAge+kEG5i3LCHfRzzn18Pt3fWVQJMLTL+WHCc/zO+H24reB+ViOY2cAiBEji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji5Eji7/AKqUtvbdKuasAAAAAElFTkSuQmCC" alt="" />

<style>
.featureBanner{ position:relative; padding:10px 25px 10px 10px; font-size:14px; line-height:; background:#ee7600; box-shadow:-1px 5px 5px -5px #000;}
.featureBanner:after{content:""; position:absolute; top:36px; left:; border:4px solid; border-color:#89540c #89540c transparent transparent;}
.featureBanner:before{content:""; position:absolute;top:1px; right:;  border:17px solid; border-color:transparent; border-right-color:#fff;}
</style>
<span class="featureBanner">图片图片</span>