Source code
Revision control
Copy as Markdown
Other Tools
<!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: 6px; }
</style>
</head>
<body>
<div style="padding-top: 100px; padding-left: 100px">
<table>
<col style="width: 22px">
<col style="width: 18px">
<col style="width: 12px">
<tr style="height: 12px">
<td style="background: #93bd5d"></td>
<td style="background: #b55dbd"></td>
<td style="background: #8d4921"></td>
</tr>
<tr style="height: 3px">
<td style="background: #21a02c"></td>
<td style="background: #4a298e"></td>
<td style="background: #ef9b23"></td>
</tr>
<tr style="height: 24px">
<td style="background: #9b733a"></td>
<td style="background: #f155ad"></td>
<td style="background: #adf3eb"></td>
</tr>
</table>
<table>
<col style="width: 8px">
<col style="width: 4px">
<col style="width: 2px">
<tr style="height: 9px">
<td style="background: #93bd5d"></td>
<td style="background: #b55dbd"></td>
<td style="background: #8d4921"></td>
</tr>
<tr style="height: 51px">
<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: 6px">
<col style="width: 34px">
<col style="width: 4px">
<tr style="height: 30px">
<td style="background: #93bd5d"></td>
<td style="background: #b55dbd"></td>
<td style="background: #8d4921"></td>
</tr>
<tr style="height: 24px">
<td style="background: #21a02c"></td>
<td style="background: #4a298e"></td>
<td style="background: #ef9b23"></td>
</tr>
<tr style="height: 15px">
<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: 16px">
<col style="width: 14px">
<tr style="height: 15px">
<td style="background: #93bd5d"></td>
<td style="background: #b55dbd"></td>
<td style="background: #8d4921"></td>
</tr>
<tr style="height: 15px">
<td style="background: #21a02c"></td>
<td style="background: #4a298e"></td>
<td style="background: #ef9b23"></td>
</tr>
<tr style="height: 3px">
<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: 0px">
<col style="width: 16px">
<tr style="height: 12px">
<td style="background: #93bd5d"></td>
<td style="background: #b55dbd"></td>
<td style="background: #8d4921"></td>
</tr>
<tr style="height: 24px">
<td style="background: #21a02c"></td>
<td style="background: #4a298e"></td>
<td style="background: #ef9b23"></td>
</tr>
<tr style="height: 30px">
<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: 34px">
<col style="width: 0px">
<tr style="height: 12px">
<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: 30px">
<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: 34px">
<col style="width: 6px">
<tr style="height: 3px">
<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>
</div>
</body>
</html>