在学习css的时候,写出来一个CSS缎带效果,感觉还不错,下面小编就来带你们了解一下
.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;
}
标题
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
2.[图片] 捕获.JPG