multicolor-image-5-ref.html (4551B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>test of border-image</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <meta http-equiv="Content-Style-Type" content="text/css"> 7 <style type="text/css"> 8 9 table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; } 10 td { padding: 0; } 11 table { margin-bottom: 2px; } 12 13 </style> 14 </head> 15 <body> 16 17 <div style="padding-top: 100px; padding-left: 100px"> 18 <table> 19 <col style="width: 11px"> 20 <col style="width: 9px"> 21 <col style="width: 6px"> 22 <tr style="height: 4px"> 23 <td style="background: #93bd5d"></td> 24 <td style="background: #b55dbd"></td> 25 <td style="background: #8d4921"></td> 26 </tr> 27 <tr style="height: 1px"> 28 <td style="background: #21a02c"></td> 29 <td style="background: #4a298e"></td> 30 <td style="background: #ef9b23"></td> 31 </tr> 32 <tr style="height: 8px"> 33 <td style="background: #9b733a"></td> 34 <td style="background: #f155ad"></td> 35 <td style="background: #adf3eb"></td> 36 </tr> 37 </table> 38 39 <table> 40 <col style="width: 4px"> 41 <col style="width: 2px"> 42 <col style="width: 1px"> 43 <tr style="height: 3px"> 44 <td style="background: #93bd5d"></td> 45 <td style="background: #b55dbd"></td> 46 <td style="background: #8d4921"></td> 47 </tr> 48 <tr style="height: 17px"> 49 <td style="background: #21a02c"></td> 50 <td style="background: #4a298e"></td> 51 <td style="background: #ef9b23"></td> 52 </tr> 53 <tr style="height: 0px"> 54 <td style="background: #9b733a"></td> 55 <td style="background: #f155ad"></td> 56 <td style="background: #adf3eb"></td> 57 </tr> 58 </table> 59 60 <table> 61 <col style="width: 3px"> 62 <col style="width: 17px"> 63 <col style="width: 2px"> 64 <tr style="height: 10px"> 65 <td style="background: #93bd5d"></td> 66 <td style="background: #b55dbd"></td> 67 <td style="background: #8d4921"></td> 68 </tr> 69 <tr style="height: 8px"> 70 <td style="background: #21a02c"></td> 71 <td style="background: #4a298e"></td> 72 <td style="background: #ef9b23"></td> 73 </tr> 74 <tr style="height: 5px"> 75 <td style="background: #9b733a"></td> 76 <td style="background: #f155ad"></td> 77 <td style="background: #adf3eb"></td> 78 </tr> 79 </table> 80 81 <table> 82 <col style="width: 0px"> 83 <col style="width: 8px"> 84 <col style="width: 7px"> 85 <tr style="height: 5px"> 86 <td style="background: #93bd5d"></td> 87 <td style="background: #b55dbd"></td> 88 <td style="background: #8d4921"></td> 89 </tr> 90 <tr style="height: 5px"> 91 <td style="background: #21a02c"></td> 92 <td style="background: #4a298e"></td> 93 <td style="background: #ef9b23"></td> 94 </tr> 95 <tr style="height: 1px"> 96 <td style="background: #9b733a"></td> 97 <td style="background: #f155ad"></td> 98 <td style="background: #adf3eb"></td> 99 </tr> 100 </table> 101 102 <table> 103 <col style="width: 2px"> 104 <col style="width: 0px"> 105 <col style="width: 8px"> 106 <tr style="height: 4px"> 107 <td style="background: #93bd5d"></td> 108 <td style="background: #b55dbd"></td> 109 <td style="background: #8d4921"></td> 110 </tr> 111 <tr style="height: 8px"> 112 <td style="background: #21a02c"></td> 113 <td style="background: #4a298e"></td> 114 <td style="background: #ef9b23"></td> 115 </tr> 116 <tr style="height: 10px"> 117 <td style="background: #9b733a"></td> 118 <td style="background: #f155ad"></td> 119 <td style="background: #adf3eb"></td> 120 </tr> 121 </table> 122 123 <table> 124 <col style="width: 2px"> 125 <col style="width: 17px"> 126 <col style="width: 0px"> 127 <tr style="height: 4px"> 128 <td style="background: #93bd5d"></td> 129 <td style="background: #b55dbd"></td> 130 <td style="background: #8d4921"></td> 131 </tr> 132 <tr style="height: 0px"> 133 <td style="background: #21a02c"></td> 134 <td style="background: #4a298e"></td> 135 <td style="background: #ef9b23"></td> 136 </tr> 137 <tr style="height: 10px"> 138 <td style="background: #9b733a"></td> 139 <td style="background: #f155ad"></td> 140 <td style="background: #adf3eb"></td> 141 </tr> 142 </table> 143 144 <table> 145 <col style="width: 0px"> 146 <col style="width: 17px"> 147 <col style="width: 3px"> 148 <tr style="height: 1px"> 149 <td style="background: #93bd5d"></td> 150 <td style="background: #b55dbd"></td> 151 <td style="background: #8d4921"></td> 152 </tr> 153 <tr style="height: 0px"> 154 <td style="background: #21a02c"></td> 155 <td style="background: #4a298e"></td> 156 <td style="background: #ef9b23"></td> 157 </tr> 158 <tr style="height: 0px"> 159 <td style="background: #9b733a"></td> 160 <td style="background: #f155ad"></td> 161 <td style="background: #adf3eb"></td> 162 </tr> 163 </table> 164 </div> 165 166 </body> 167 </html>