内部元素应按外部元素边界半径修整

| 看到这里：http://jsfiddle.net/QSp2W/5/ 如您所见，内部h1具有与包含的div的圆角重叠的背景颜色。如果您在内部ѭ0set上设置较小的半径，这是固定的，但这是一个技巧。（取消注释已注释的CSS以了解我的意思。）第2版（真的是23版） http://jsfiddle.net/QSp2W/23/，但我不知道如何将*选择器仅应用于直子而不是直子。

已邀请:

4 个回复

艾食魄轻县

我会给CSS属性H1和p而不是下面的div。您可以为边框创建一个类，并将其应用于适当的元素。 http://jsfiddle.net/QSp2W/7/ CSS：

div h1
{
    padding: 2px;
    background-color: #ff0000;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* Below gets it close but not quite. */
    /*border-radius: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
}

div p
{
    padding: 10px;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

这是单独的边框类： http://jsfiddle.net/QSp2W/9/