<p class="zw">如果把内容简介框的每个角都设置为圆角，那么它看起来就与下面直角小说封面不相配。好在我们可以为每一个边角单独设置参数。</p> <pre class="代码无行号"><code>div { border-top-left-radius : 1rem; border-top-right-radius : 1rem; border-bottom-left-radius : 0; border-bottom-right-radius : 0; }</code></pre> <p class="图"><img alt="1401.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/127.jpg"></p> <p class="图题">左图展示的是一个微小的问题，上方的圆角与下方的直角相遇在一起，视觉上不太自然；在右图中，根据实际情况调整边角，使小说封面和内容简介之间的关系更加和谐。</p>
