2011-12-22 15:35:10 -08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en-US">
|
|
|
|
|
<head>
|
2012-05-30 22:19:49 -07:00
|
|
|
<title>border-image-width: auto with border-bottom: none reference</title>
|
2011-12-22 15:35:10 -08:00
|
|
|
<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; }
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<table>
|
|
|
|
|
<col style="width: 1px">
|
|
|
|
|
<col style="width: 112px"> <!-- 100px + 7px + 7px - 1px - 1px -->
|
|
|
|
|
<col style="width: 1px">
|
|
|
|
|
|
|
|
|
|
<tr style="height: 1px">
|
|
|
|
|
<td style="background: #87f0b4"></td>
|
|
|
|
|
<td style="background: #4a298e"></td>
|
|
|
|
|
<td style="background: #c98bb7"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr style="height: 10px"> <!-- 5px + 7px - 1px - 1px -->
|
|
|
|
|
<td style="background: #90a213"></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td style="background: #90c157"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr style="height: 1px">
|
|
|
|
|
<td style="background: #9d57c1"></td>
|
|
|
|
|
<td style="background: #3a8e20"></td>
|
|
|
|
|
<td style="background: #0e6f6c"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
<!DOCTYPE html>
|
