纯CSS3实现彩色缎带效果_html/css_WEB-ITnose

纯CSS3缎带效果

.ribbon-content{border: 1px solid #DDD;font-weight: bold;margin: 0 -10px;min-height: 30px;padding: 7px 31px;text-align: center;line-height: 30px;}
.ribbon-left{display: block;border-left: 10px solid white;border-top: 8px solid #EEE;float: left;height: 0;margin-left: -10px;width: 0;}
.ribbon-right{display: block;border-right: 10px solid white;border-top: 8px solid #EEE;float: right;height: 0;margin-right: -10px;width: 0;}

http://www.999jiujiu.com/

查看更多关于纯CSS3实现彩色缎带效果_html/css_WEB-ITnose的详细内容...