css3 邮票边 |留言板表单样式css样式

.post {
border: 1px solid #999;
padding: 10px;
border-radius: 10px;
position: relative;
}
.post:before {
content: "";
position: absolute;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
border: 1px solid #999;
border-radius: 10px;
z-index: -1;
}

上面的代码是用CSS3实现邮票边效果的主要代码段。首先，大家需要select要添加邮票边效果的元素，并设置元素的border和padding属性。接下来，在元素前面添加一个:before伪元素，将它的content属性设置为空字符串。大家给这个伪元素设置position: absolute，将它置于元素的上面。接着，大家将这个邮票边伪元素的top、left、right和bottom属性都设置为-3px，相当于把它放在元素外部，并给它添加相同颜色的1px边框和10px的圆角半径。最后，大家设置伪元素的z-index属性为-1，相当于把它置于元素之下。

当大家应用上述代码段后，网页中的邮票边元素就会展示出漂亮的邮票边效果！