jquery – CSS – 只显示角边框

我想知道是否可能在CSS或Jquery做一个边框，但只是为角。这样的东西：

****                         ****
*                               *
*                               *

             CONTENT

*                               *
*                               *
****                         ****

解决方法

我会使用重叠的div。

一个有方角。
而其他与圆角(所以它不隐藏第一个角落)。

<div id="div1" />
<div id="div2" />


#div1 {
  position:absolute;
  top:9px;
  left:9px;
  height:100px;
  width:100px;
  background-color:white;
  border:1px solid black;
}

#div2 {
  position:relative;
  top:-1px;
  left:-1px;
  height:102px;
  width:102px;
  background-color:white;
  border-radius: 15px;
}

http://jsfiddle.net/y3EfP/

结果：

@ web-tiki提供的增强解决方案：

http://jsfiddle.net/webtiki/y3EfP/147/