原理:
1、盒子有高度情况下边框的样式
代码:
.inside{
width: 20px;
height: 20px;
border-width: 10px;
border-style: solid;
border-color: #f30 #00f #333 #ff0;
}
效果如下:
2、盒子没有高度情况下边框的样式
代码:
.inside{
width: 0;
height: 0;
overflow: hidden; /*清除ie6下默认的宽高*/
font-size: 0; /*清除ie6下默认的宽高*/
line-height: 0; /* 防止盒子因为行高被撑开*/
border-width: 10px;
border-style: solid;
border-color: orange blue gray red;
}
效果如下:
3、不等边框情况下边框的样式
.inside{