css方框变圆角矩形,反向css圆角矩形:边框及代码

反向css圆角矩形:

反向css圆角矩形

.serif {

background: transparent; width:40%;

}

.serif h1, .serif p {

margin:0 10px;

}

.serif h1 {

font-size:2em; color:#fff;

}

.serif p {

padding-bottom:0.5em;

}

.serif .b1K, .serif .b2K, .serif .b3K, .serif .b4K {

display:block;

overflow:hidden;

font-size:1px;

}

.serif .b1K, .serif .b2K, .serif .b3K {

height:1px;

}

.serif .b2K, .serif .b3K {

background:#fc0;

border-left:1px solid #fff;

border-right:1px solid #fff;

}

.serif .b4K {

background:#fc0;

border-left:1px solid #fff;

border-right:1px solid #fff;

}

.serif .b1K {

margin:0; background:#fff;

}

.serif .b2K {

margin:0 1px;

border-width:0 2px;

}

.serif .b3K {

margin:0 3px;

}

.serif .b4K {

height:2px;

margin:0 4px;

}

.serif .boxcontent {

display:block;

background:#fc0;

border-left:1px solid #fff;

border-right:1px solid #fff;

margin:0 5px;

}

反向css圆角矩形