blob: 7a838a9fb30b2d519b31afa15ea3ee95134f85b8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
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>
|
