<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
table { width: 700px; } | |
td { width: 400px; } | |
b { border: solid blue; } | |
i { background-color: green; } | |
.nonBlueBorder { border-color: red; } | |
.borderImage { border-image:url("resources/greenbox.png") 3 3 repeat; } | |
</style> | |
</head> | |
<body> | |
<table> | |
<tr> | |
<td>top</td> | |
<td> | |
<b> | |
<i style=" | |
margin: -30px 0px 0px 0px; | |
padding: 1px 0px 0px 0px;"> | |
Here is some text. | |
</i> | |
</b> | |
</td> | |
</tr> | |
</table> | |
<table> | |
<tr> | |
<td>right</td> | |
<td> | |
<b class=nonBlueBorder> | |
<i style=" | |
margin: 0px -208px 0px 0px; | |
padding: 0px 1px 0px 0px;"> | |
Here is some text. | |
</i> | |
</b> | |
</td> | |
</tr> | |
</table> | |
<table> | |
<tr> | |
<td>bottom</td> | |
<td> | |
<b> | |
<i style=" | |
margin: 0px 0px -30px 0px; | |
padding: 0px 0px 1px 0px;"> | |
Here is some text. | |
</i> | |
</b> | |
</td> | |
</tr> | |
</table> | |
<table> | |
<tr> | |
<td>left</td> | |
<td> | |
<b class=nonBlueBorder> | |
<i style=" | |
margin: 0px 0px 0px -208px; | |
padding: 0px 0px 0px 31px;"> | |
Here is some text. | |
</i> | |
</b> | |
</td> | |
</tr> | |
</table> | |
<table> | |
<tr> | |
<td>left</td> | |
<td> | |
<b class=borderImage> | |
<i style=" | |
margin: 0px 0px 0px -208px; | |
padding: 0px 0px 0px 31px;"> | |
Here is some text. | |
</i> | |
</b> | |
</td> | |
</tr> | |
</table> | |
</body> | |
</html> |