通过 CSS 为 DIV 层设计边框样式

CSS

1. 可以按需要单项依次配置参数；

.mainControl {
    max-width: 399px;
    left: 0;
    right: 0;
    margin: 89px auto;
    padding: 38px;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #7f7f7f63;
    line-height: 1.5;
    z-index: 999;
}

2. 简化参数配置，border 后面依次是边框线条类型、宽度、颜色；
边框线条类型：

• solid：实线（默认）
• dotted：虚线（点）
• dashed：虚线（破折号）
• double：双线（宽度大于 2px）

必须项：

• border-style

.mainControl {
    border: solid 1px #7f7f7f;
}

Html

<div class="mainControl" id="el">...</div>