Skip to main content

Browse the archive

Raw File
multicolor-image-2-ref.html 
<!DOCTYPE html>
<html lang="en-US">
<head>
  <title>test of border-image</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <style type="text/css">

  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
  td { padding: 0; }
  table { margin-bottom: 2px; }

  </style>
</head>
<body>

<table>
  <col style="width: 11px">
  <col style="width: 9px">
  <col style="width: 6px">
  <tr style="height: 4px">
    <td style="background: #93bd5d"></td>
    <td style="background: #b55dbd"></td>
    <td style="background: #8d4921"></td>
  </tr>
  <tr style="height: 1px">
    <td style="background: #21a02c"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #ef9b23"></td>
  </tr>
  <tr style="height: 8px">
    <td style="background: #9b733a"></td>
    <td style="background: #f155ad"></td>
    <td style="background: #adf3eb"></td>
  </tr>
</table>

<table>
  <col style="width: 4px">
  <col style="width: 2px">
  <col style="width: 1px">
  <tr style="height: 3px">
    <td style="background: #93bd5d"></td>
    <td style="background: #b55dbd"></td>
    <td style="background: #8d4921"></td>
  </tr>
  <tr style="height: 17px">
    <td style="background: #21a02c"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #ef9b23"></td>
  </tr>
  <tr style="height: 0px">
    <td style="background: #9b733a"></td>
    <td style="background: #f155ad"></td>
    <td style="background: #adf3eb"></td>
  </tr>
</table>

<table>
  <col style="width: 3px">
  <col style="width: 17px">
  <col style="width: 2px">
  <tr style="height: 10px">
    <td style="background: #93bd5d"></td>
    <td style="background: #b55dbd"></td>
    <td style="background: #8d4921"></td>
  </tr>
  <tr style="height: 8px">
    <td style="background: #21a02c"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #ef9b23"></td>
  </tr>
  <tr style="height: 5px">
    <td style="background: #9b733a"></td>
    <td style="background: #f155ad"></td>
    <td style="background: #adf3eb"></td>
  </tr>
</table>

<table>
  <col style="width: 0px">
  <col style="width: 8px">
  <col style="width: 7px">
  <tr style="height: 5px">
    <td style="background: #93bd5d"></td>
    <td style="background: #b55dbd"></td>
    <td style="background: #8d4921"></td>
  </tr>
  <tr style="height: 5px">
    <td style="background: #21a02c"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #ef9b23"></td>
  </tr>
  <tr style="height: 1px">
    <td style="background: #9b733a"></td>
    <td style="background: #f155ad"></td>
    <td style="background: #adf3eb"></td>
  </tr>
</table>

<table>
  <col style="width: 2px">
  <col style="width: 0px">
  <col style="width: 8px">
  <tr style="height: 4px">
    <td style="background: #93bd5d"></td>
    <td style="background: #b55dbd"></td>
    <td style="background: #8d4921"></td>
  </tr>
  <tr style="height: 8px">
    <td style="background: #21a02c"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #ef9b23"></td>
  </tr>
  <tr style="height: 10px">
    <td style="background: #9b733a"></td>
    <td style="background: #f155ad"></td>
    <td style="background: #adf3eb"></td>
  </tr>
</table>

<table>
  <col style="width: 2px">
  <col style="width: 17px">
  <col style="width: 0px">
  <tr style="height: 4px">
    <td style="background: #93bd5d"></td>
    <td style="background: #b55dbd"></td>
    <td style="background: #8d4921"></td>
  </tr>
  <tr style="height: 0px">
    <td style="background: #21a02c"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #ef9b23"></td>
  </tr>
  <tr style="height: 10px">
    <td style="background: #9b733a"></td>
    <td style="background: #f155ad"></td>
    <td style="background: #adf3eb"></td>
  </tr>
</table>

<table>
  <col style="width: 0px">
  <col style="width: 17px">
  <col style="width: 3px">
  <tr style="height: 1px">
    <td style="background: #93bd5d"></td>
    <td style="background: #b55dbd"></td>
    <td style="background: #8d4921"></td>
  </tr>
  <tr style="height: 0px">
    <td style="background: #21a02c"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #ef9b23"></td>
  </tr>
  <tr style="height: 0px">
    <td style="background: #9b733a"></td>
    <td style="background: #f155ad"></td>
    <td style="background: #adf3eb"></td>
  </tr>
</table>

</body>
</html>
back to top