47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
td {
|
|
padding: 10px;
|
|
}
|
|
div {
|
|
display: inline;
|
|
padding: 5px 14px;
|
|
}
|
|
.font-size-200 {
|
|
font-size: 200%;
|
|
}
|
|
.font-size-400 {
|
|
font-size: 400%;
|
|
}
|
|
.border-slices {
|
|
border: 20px solid transparent;
|
|
border-image: url("resources/button-border.svg") 0 14 0 14 fill;
|
|
}
|
|
.no-border-slices {
|
|
border: 0px solid transparent;
|
|
border-image: url("resources/button-border.svg") 0 14 0 14 fill;
|
|
}
|
|
.no-border-no-slices {
|
|
border: 0px solid transparent;
|
|
border-image: url("resources/button-border.svg") 0 fill;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<table>
|
|
<tr>
|
|
<td><div class="font-size-200 border-slices">Search</div></td>
|
|
<td><div class="font-size-200 no-border-slices">Search</div></td>
|
|
<td><div class="font-size-200 no-border-no-slices">Search</div></td>
|
|
</tr>
|
|
<tr>
|
|
<td><div class="font-size-400 border-slices">Search</div></td>
|
|
<td><div class="font-size-400 no-border-slices">Search</div></td>
|
|
<td><div class="font-size-400 no-border-no-slices">Search</div></td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|