Html
    Css
    Js

    
                        
 body {
	background-color:#656d70;
	margin:0 auto;
	padding:0;
}
div {
	margin:0 auto;
}
ul,li {
	margin:0 auto;
	padding:0;
}
li {
	list-style:none;
}
.box {
	text-align:center;
}
.box li {
	width:400px;
	background:#fff;
	height:100px;
	position:relative;
	border-top:1px dashed #ddd;
}
em,strong {
	font-weight:700;
	font-style:normal;
}
.arrowright {
	position:absolute;
	left:0;
	top:-12px;
	width:0;
	height:0;
	line-height:0;
	border-color:#fff #fff #fff #656d70;
	border-style:solid;
	border-width:12px;
}
.arrowleft {
	position:absolute;
	right:0;
	top:-12px;
	width:0;
	height:0;
	line-height:0;
	border-color:#fff #656d70 #fff #fff;
	border-style:solid;
	border-width:12px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

文章卡片对称三角形(原创)

0