我只用CSS创建了左边的按钮.它是div中的div.但是,右侧的三个按钮是img标签上的背景属性.我这样做了所以我可以按照
here的说明模拟翻转效果.
现在,有没有办法使用CSS将内边框(如第一个按钮)添加到其他三个边框？
小提琴here.
解决方法
根据
box model,填充是在内容和边界之间.你应该可以像这样设置图像样式：
.img-btn {
background: #FFF; // inner border color
padding: 2px; // inner border width
border: 2px solid #[yourgreen]; // outer border
}
即使对于纯CSS按钮,也不需要任何额外的div来完成此任务.以下样式适用于图像为背景图像的情况：
.img-btn {
background: #FFF url('your.img') no-repeat;
padding: 2px;
border: 2px solid #[yourgreen];
width: [image width];
height: [image height];
background-position: center center;
}
如上所述,这是一个DEMO的双边界.
