不能写两个
但是可以用阴影来模拟边框
div{width:300px
height:300px
box-shadow: 0 0 0 10px red,0 0 0 20px green
}
阴影不占据空间~
border后加三个参数：边框粗细 边框样式 边框颜色如border:2px solid #ccc
其中边框样式包括：
none 定义无边框。
solid 定义实线。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
下面就一个简单的盒子为例：如图
border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。
宽度即为边框宽度。
样式有如图：
颜色忽略，如有不清楚的可以参见w3school教程http://www.w3school.com.cn/css/css_border.asp
望采纳
