css3 设置div的四个边角

1.样式

#barChart {
  border: 1px solid #152041;
  box-shadow: 0px 0px 9px 0px rgba(82, 255, 226, 0.23) inset;
  background: linear-gradient(to left, #5d72ad, #5d72ad) left top no-repeat,
    linear-gradient(to bottom, #5d72ad, #5d72ad) left top no-repeat,
    linear-gradient(to left, #5d72ad, #5d72ad) right top no-repeat,
    linear-gradient(to bottom, #5d72ad, #5d72ad) right top no-repeat,
    linear-gradient(to left, #5d72ad, #5d72ad) left bottom no-repeat,
    linear-gradient(to bottom, #5d72ad, #5d72ad) left bottom no-repeat,
    linear-gradient(to left, #5d72ad, #5d72ad) right bottom no-repeat,
    linear-gradient(to left, #5d72ad, #5d72ad) right bottom no-repeat;
  background-size: 1px 9px, 9px 1px, 1px 9px, 9px 1px;
}

2. 最终效果