<style type="text/css">
.box1{
width: 100px;
height: 100px;
background-color: yellow;
border: 100px solid;
border-color: red blue gray aqua;
<!--如果没有设置border-color,那么color值将默认为字体的颜色,即为现在的黑色-->
}
.box2{
width: 0;
height: 0;
border-width: 200px;
border-style: solid;
border-color: red blue gray aqua;
}
</style>
<body>
<!--div作为块级标记来说,宽度默认100%,高度跟随元素高度-->
<div class="box1">
</div>
<div class="box2">
</div>
</body>
效果图如下所示: