带箭头顶部和边框的框

我只是要在上面创建一个盒子 边缘有一个箭头。我经常尝试但不幸的是相关的解决方案。 我自然而然地在网上和网站上查询，但遗憾的是没有成功。 所以它应该照顾：

箭头应具有与框相同的边框和相同的背景颜色

所以现在看起来

.arrow-up {
    width: 10px;
    height: 10px;
    margin-top: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid gray;
}

#log2 {
    height: 250px;
    width: 250px;
    background: white;
    border: 1px groove rgba(0, 0, 0, .35);
    position: relative;
    display: block;
    margin-top: 54px;
    float: left;
    left: 29.965%;
    z-index: 2;
    border-radius: 3.5px;
}

FIDDLE http://jsfiddle.net/dAdry/

我对我的英语感到抱歉

这是更新的小提琴：FIDDLE http://jsfiddle.net/2Gt7z/.
你可以尝试使用这个CSS：

#log2 {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 300px;
    padding: 10px;
    margin: 15px auto 0;
    position: relative;
    background: #fff;
}

#log2:after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 0 0 1px;
    width: 15px;
    height: 15px;
    top: -9px;
    right: 19px;
    background: inherit;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

然而，这包括transform属性是一项新功能，可能不适用于所有浏览器。 其他解决方案也不错，但它们不允许您为这个小三角形添加边框。您选择适合您的那一款。

EDIT:

还有另一个小提琴：http://jsfiddle.net/dAdry/22/ http://jsfiddle.net/dAdry/22/.
我也想通了如何做到这一点而不transform。你放了两个三角形，一个灰色的，一个白色的，稍微小一点。

#log2 {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 300px;
    padding: 10px;
    margin: 15px auto 0;
    position: relative;
    background: #fff;
}
#log2::before, #log2::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    right: 19px;
}
#log2::before {
    border-color: #ccc transparent;
    top: -10px;
    right: 19px;
}
#log2::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: #fff transparent;
    border-width: 0 10px 10px 10px;
    top: -9px;
}

尝试一下，让我知道它是否适合您。