background-multiple-with-border-radius.html (1094B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <title>Test multiple backgrounds with border-radius</title> 9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=998792"> 10 <link rel="help" href="http://dev.w3.org/csswg/css-backgrounds/#the-border-radius"> 11 <link rel="match" href="background-multiple-with-border-radius-ref.html"> 12 <meta charset="utf-8"> 13 <style> 14 15 .b { 16 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D) content-box, yellow padding-box; 17 } 18 19 div { 20 width: 100px; 21 height: 100px; 22 padding: 30px; 23 border: 10px dashed blue; 24 border-radius: 10px; 25 } 26 27 </style> 28 </head> 29 <body> 30 31 <div class="b"></div> 32 33 </body> 34 </html>