如果把内容简介框的每个角都设置为圆角,那么它看起来就与下面直角小说封面不相配。好在我们可以为每一个边角单独设置参数。
div {
border-top-left-radius : 1rem;
border-top-right-radius : 1rem;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0; }
左图展示的是一个微小的问题,上方的圆角与下方的直角相遇在一起,视觉上不太自然;在右图中,根据实际情况调整边角,使小说封面和内容简介之间的关系更加和谐。