需求:上边框红色,其余边框蓝色。
<body>
<div></div>
</body>
div {
width: 200px;
height: 200px;
border: 10px solid blue;
border-top: 10px solid red;
/* 利用层叠性(就近原则),让下面的去覆盖上面的.上面的border包含四条边框,层叠性只是层叠了上边框 */
}
效果:
需求:上边框红色,其余边框蓝色。
<body>
<div></div>
</body>
div {
width: 200px;
height: 200px;
border: 10px solid blue;
border-top: 10px solid red;
/* 利用层叠性(就近原则),让下面的去覆盖上面的.上面的border包含四条边框,层叠性只是层叠了上边框 */
}
效果: