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>

何星星原创文章仅用于个人学习,当前页面暂不支持复制操作,了解详情或文章转载请 点此 继续!

0 条评论

发表回复

Avatar placeholder

您的电子邮箱地址不会被公开。 必填项已用*标注