1 files changed, 32 insertions, 0 deletions
diff --git a/legacy/works/3d-border-colour.html b/legacy/works/3d-border-colour.html
new file mode 100644
index 0000000..7a838a9
--- /dev/null
+++ b/legacy/works/3d-border-colour.html
@@ -0,0 +1,32 @@
+<html>
+<head>
+<title>Border Colour</title>
+</head>
+<body style="background-color: #00f;">
+
+<p style="border: #f00 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #f00; color: #000;">Pseudo 3D border colour test 1.</p>
+
+<p style="border: #052 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #052; color: #fff;">Pseudo 3D border colour test 2.</p>
+
+<p style="border: #db9 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #db9; color: #000;">Pseudo 3D border colour test 3.</p>
+
+<p style="border: #bd9 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #bd9; color: #000;">Pseudo 3D border colour test 4.</p>
+
+<form>
+
+<input type="button" value="Go!" style="border: #bd9 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #bd9; color: #000;">
+
+<input type="button" value="Go!" style="border: #c8c8c8 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #c8c8c8; color: #000;">
+
+<input type="button" value="Go!" style="border: #e58 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #e58; color: #000;">
+
+<input type="button" value="Go!" style="border: #483d8b 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #483d8b; color: #fff;">
+
+<input type="button" value="Go!" style="border: #333 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #333; color: #fff;">
+
+<input type="button" value="Go!" style="border: #00f 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #00f; color: #fff;">
+
+</form>
+
+</body>
+</html>
+\ No newline at end of file