M形边框与CSS？

Question

我能够以两种方式绘制两侧的直线，使用span标签或伪代码之前和之后。但问题是中间部分，我不知道如何在css的帮助下完成它。不想包含图片。

HTML：

<span class="simple-border"></span>
<div class="arrow-down"></div>
<span class="simple-border"></span>

的CSS：

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    border-top: 20px solid #ccc;
}

Answer 1

你需要使用：在你的css中选择器之前和之后创建有角度的边框。这篇文章应该让你入门....

http://css-tricks.com/snippets/css/css-triangle/