div{
border:1px solid #18324C;
padding:2px;
background:linear-gradient(to left,#9EE7FF,#9EE7FF) no-repeat left top,
linear-gradient(to left,#9EE7FF,#9EE7FF) no-repeat right top,
linear-gradient(to left,#9EE7FF,#9EE7FF) no-repeat left bottom,
linear-gradient(to left,#9EE7FF,#9EE7FF) no-repeat right bottom,
#2E8B57;
background-size:8px 8px,8px 8px,8px 8px,8px 8px;
}
<div> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> </div>
效果图如下:
