background-image-centered-with-border-radius.html (693B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Background Test: Centered background image with border radius</title> 5 <link rel="author" title="schenney" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-position"> 7 <link rel="match" href="reference/background-image-centered-with-border-radius-ref.html"> 8 <style> 9 span { 10 background: url(support/green-60x60-red-5px-border.png) no-repeat center; 11 border: 5px solid green; 12 border-radius: 5px; 13 box-sizing: border-box; 14 display: inline-block; 15 height: 60px; 16 width: 60px; 17 } 18 </style> 19 </head> 20 21 <body> 22 <span></span> 23 </body> 24 </html>