CSS实现DIV四个角显示正方形

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>

　　效果图如下: