05-14-1-multiple-backgrounds-shorthand.html 588 B

123456789101112131415161718192021222324
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Multiple backgrounds on a single element, using shorthand declarations</title>
  6. <style>
  7. .multi-bg-shorthand {
  8. width: 300px;
  9. height: 200px;
  10. background: url(img/spades.png) left top no-repeat,
  11. url(img/hearts.png) right top no-repeat,
  12. url(img/diamonds.png) left bottom no-repeat,
  13. url(img/clubs.png) right bottom no-repeat,
  14. pink;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div class="multi-bg-shorthand">
  20. </div>
  21. </body>
  22. </html>