css实现矩形四个边角特效

先贴效果图如下：

 对应css代码如下：

.total-item-inner{
          width: 310px;
          height: 108px;
          padding: 16px;
          background: linear-gradient(to left, #0DD7B5, #0DD7B5) left top no-repeat,
          linear-gradient(to bottom, #0DD7B5, #0DD7B5) left top no-repeat,
          linear-gradient(to left, #0DD7B5, #0DD7B5) right top no-repeat,
          linear-gradient(to bottom, #0DD7B5, #0DD7B5) right top no-repeat,
          linear-gradient(to left, #0DD7B5, #0DD7B5) left bottom no-repeat,
          linear-gradient(to bottom, #0DD7B5, #0DD7B5) left bottom no-repeat,
          linear-gradient(to left, #0DD7B5, #0DD7B5) right bottom no-repeat,
          linear-gradient(to left, #0DD7B5, #0DD7B5) right bottom no-repeat;
          background-size: 2px 8px, 8px 2px, 2px 8px, 8px 2px;
        }