纯CSS三角形箭头Div边框代码_html/css_WEB-ITnose

纯CSS实现 “三角箭头”代码

span {_overflow:hidden;}
.wp {position: relative; background: red; padding: 20px; color: #fff; margin-bottom: 30px;}
.arrow {position: absolute; left: 30px; top: -32px; width: 0; height: 0; font-size: 0; border-width: 16px; border-style: dashed dashed solid dashed; border-color: transparent transparent


red transparent;}
-->

span {_overflow:hidden;}
.wp {position: relative; background: red; padding: 20px; color: #fff; margin-bottom: 30px;}
.arrow {position: absolute; left: 30px; top: -32px; width: 0; height: 0; font-size: 0; border-width: 16px; border-style: dashed dashed solid dashed; border-color: transparent transparent


red transparent;}
-->

“三角形箭头”例1

查看更多关于纯CSS三角形箭头Div边框代码_html/css_WEB-ITnose的详细内容...