元素必须是相对定位,且具有足够的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;
}
热门信息
阅读 (100)
1 iPad 定向CSS阅读 (100)
2 跨浏览器透明度阅读 (98)
3 不使用表格实现跨浏览器垂直水平居中图片阅读 (96)
4 背景透明阅读 (92)
5 移除IE中textarea的滚动条