Text in border

Text border css

h1 {
  -webkit-text-stroke: 1px black;
}

Source: css-tricks.com

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;

Css text border

h1 {
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

Text in border

<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>

Source: css-tricks.com

Similar codes

178 votes329 views5 answers
Html space tag
Html
0 vote355 views2 answers
React hooks html imput on change
Html
4 votes317 views1 answer
How to change the height of an image in html
Html
0 vote386 views2 answers
Html starting tag
Html
1 vote357 views1 answer
Allow xlsx and csv files rails file field accept values
Html
-1 vote377 views4 answers
Bootsrap button popup text on hover
Html
0 vote341 views1 answer
Invisible element html
Html
0 vote326 views2 answers
Bootstrap 5 carousel disable autoplay
Html
0 vote354 views1 answer
Eleventy loop over global data
Html
0 vote321 views2 answers
How to create web urls without extensions
Html