建站代码网

热门标签

多边框

 元素必须是相对定位,且具有足够的padding来显示多余的边框:

 

#borders {

   position:relative;

   z-index:1;

   padding:30px;

   border:5px solid #f00;

   background:#ff9600;

}

#borders:before {

   content:"";

   position:absolute;

   z-index:-1;

   top:5px;

   left:5px;

   right:5px;

   bottom:5px;

   border:5px solid #ffea00;

   background:#4aa929;

}

 

#borders:after {

   content:"";

   position:absolute;

   z-index:-1;

   top:15px;

   left:15px;

   right:15px;

   bottom:15px;

   border:5px solid #00b4ff;

   background:#fff;

}

热门信息