<!DOCTYPE html><metacharset="utf-8"><title>Filled Background with Rounded Corner</title><linkrel="match"href="clip-rounded-corner-ref.html"><linkrel="help"href="https://drafts.csswg.org/css-backgrounds-3/#corner-clipping"><style>#b{width:100px;height:80px;border:20pxbluesolid;border-top-right-radius:20px;background-color:green;background-clip:content-box;}#shield{position:absolute;width:30px;height:30px;left:120px;top:5px;background-color:black;}</style><body><divid="b"></div><!-- Hide the curved outside border to deal with imprecise rendering. --><divid="shield"></div></body>