<html>
<head>
<style>
.boder {
position:relative;
/*border:1px solid red;*/
overflow:hidden;
}
span i {
font-style:normal;
position:relative;
top:-11px;
/*margin-top:-20px;*/
/*border:1px solid red;*/
}
span {
display:inline-block;
position:relative;
top:15px;
overflow:hidden;
/*border:1px solid black;*/
width:10px;
}
.bodercss i{
display:inline-block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid red;
position:relative;
top:0px;
/*margin-top:-20px;*/
}
</style>
</head>
<body>
ddddd
<!--特殊符号倒三角-->
<div class="boder">test<span> <i>◆</i> </span></div>
<!--边框倒三角-->
<div class="bodercss">bordertest<i> </i></div>
</body>
</html>
如有任何疑问加技术Qun 594271193 交流
