text border html code example
Example 1: text border css
h1 {
-webkit-text-stroke: 1px black;
}
Example 2: css text color border
h1 {
text-shadow: 1px 1px #ffffff;
}
Example 3: how to add a border around text in html
<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>
Example 4: border for text in html
/*All types of border*/
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
Example 5: put an border around an text in css
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;
Example 6: how to make a text with a border in css
h1{
width:30px;
margin-top:-10px;
margin-left:5px;
background:white;
}
/* Change the values to achieve what design you want */