css设置四角样式

css设置四角样式

通过background来实现

.demo{background: linear-gradient(to left, #30729A, #30729A) left top no-repeat,linear-gradient(to bottom, #30729A, #30729A) left top no-repeat,linear-gradient(to left, #30729A, #30729A) right top no-repeat,linear-gradient(to bottom, #30729A, #30729A) right top no-repeat,linear-gradient(to left, #30729A, #30729A) left bottom no-repeat,linear-gradient(to bottom, #30729A, #30729A) left bottom no-repeat,linear-gradient(to left, #30729A, #30729A) right bottom no-repeat,linear-gradient(to left, #30729A, #30729A) right bottom no-repeat;background-size: 2px 10px, 6px 2px, 2px 10px, 6px 2px;
}