h1 {
-webkit-text-stroke: 1px black;
}
h1 {
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
p{
border: 1px solid #f00;
/*
ShortHand
border: border-width border-style border-color
*/
}
<p style="border:3px; border-style:solid; border-color:#FF0000; padding: 1em;">
First example with text surrounded by a red border.<br>This example also has multiple lines.
</p>
.class{
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
<fieldset>
<legend>Login</legend>
<table>
<tr><td>Username</td><td><input type="text"></td></tr>
<tr><td>Password</td><td><input type="text"></td></tr>
</table>
</fieldset>