CSS3绘制草稿纸

草稿纸

.grass-paper {
    height: 494px;
    width: 420px;
    background: repeating-linear-gradient(to top, #f9f9f9, #f9f9f9 28px, #ccc 30px);
}
.grass-paper:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 4px;
    border-left: 4px double #FCA1A1;
    position: relative;
    left: 30px;
}