.box { width: 300px; height: 200px; background-color: #f2f2f2; border: 10px solid blue; padding: 20px; margin: 50px auto; } .box h1 { text-align: center; color: #555; } .box p { font-size: 18px; line-height: 1.5; } .box.red { border: 3px solid red; } .box.green { border: 5px solid green; }
大家首先给盒子设置一个默认的边框样式,宽度为10px,颜色为蓝色。同时,盒子内部的文字和背景颜色也进行了设置。接着,大家使用.box.red和.box.green来设置特定颜色的边框,分别为红色和绿色,边框宽度分别为3px和5px。
如果你还没通过CSS第二关,可以尝试使用以上代码来解决第二关卡题目,祝好运!