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>

效果图

转自https://www.cnblogs.com/weenhall/articles/9777577.html