jquery – CSS – 只显示角边框

前端之家收集整理的这篇文章主要介绍了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/

猜你在找的jQuery相关文章