实现大屏效果的背景div, 效果如下:

• html

 <div class="box">1111111</div>

• css

.box {
  width: 200px;
  height: 80px;
  background: linear-gradient(270deg, #00cda2, #00cda2) 0 0 no-repeat,
    linear-gradient(180deg, #00cda2, #00cda2) 0 0 no-repeat,
    linear-gradient(270deg, #00cda2, #00cda2) 100% 0 no-repeat,
    linear-gradient(180deg, #00cda2, #00cda2) 100% 0 no-repeat,
    linear-gradient(270deg, #00cda2, #00cda2) 0 100% no-repeat,
    linear-gradient(180deg, #00cda2, #00cda2) 0 100% no-repeat,
    linear-gradient(270deg, #00cda2, #00cda2) 100% 100% no-repeat,
    linear-gradient(270deg, #00cda2, #00cda2) 100% 100% no-repeat;
  box-shadow: inset 0 0 12px 0 rgba(82, 255, 226, 0.23);
  background-size: 2px 8px, 8px 2px, 2px 8px, 8px 2px;
  background-color: rgba(184, 36, 36, 0.45);
  border-color: rgba(64, 203, 144, 0.4);
}