background-image-print-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1769429">

<style>

  body {

    font-family: century;

    font-weight: bold;

    color: black;

    print-color-adjust: exact;

  .tile {

    width: 16px;

    height: 16px;

    background-repeat: no-repeat;

  .white   { background: white }

  .magenta { background: magenta }

  .lime    { background: lime }

  .cyan    { background: cyan }

  .blue    { background: blue }

  .red     { background: red }

  .green   { background: green }

  .gray    { background: gray }

  .yellow  { background: yellow }

</style>

</head>

<body>

  <div class="tile white"></div>

  <div class="tile magenta"></div>

  <div class="tile lime"></div>

  <div class="tile cyan"></div>

  <div class="tile blue"></div>

  <div class="tile red"></div>

  <div class="tile green"></div>

  <div class="tile gray"></div>

  <div class="tile yellow"></div>

</body>

</html>