CSS同时设置多个边框样式
CSS中提供了border属性来设置边框，我们可以使用它来设置一个元素的边框样式，但有时候我们需要同时设置多个边框样式。这时候可以使用border-style属性来实现，它可以让我们同时设置上、右、下、左四个边框的样式。
border-style: solid dotted dashed double;
上面的代码中，solid表示实线，dotted表示点线，dashed表示虚线，double表示双线，我们可以设置它们的组合，比如：
border-style: solid dashed;
上面的代码表示上边框为实线，右边框、下边框、左边框为虚线。
我们还可以使用border-top、border-right、border-bottom、border-left来分别设置上、右、下、左四个边框的样式，比如：
border-top: solid; border-right: dashed; border-bottom: dotted; border-left: double;
上面的代码表示上边框为实线，右边框为虚线，下边框为点线，左边框为双线。
我们可以使用border-width属性来设置边框的宽度，比如：
border-width: 10px;
上面的代码表示边框的宽度为10px，我们也可以使用border-top-width、border-right-width、border-bottom-width、border-left-width来分别设置上、右、下、左四个边框的宽度。