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

147 votes242 views4 answers
Import script html
Html
-1 vote244 views1 answer
Adding mp4 in html
Html
0 vote254 views1 answer
Html autoplay loop many videos
Html
0 vote252 views1 answer
Plantuml font size
Html
28 votes266 views4 answers
Responsive meta tag
Html
0 vote246 views1 answer
Bootstap5 card
Html
0 vote243 views1 answer
Angular material disable radio button
Html
17 votes272 views2 answers
Target blanc
Html
0 vote256 views1 answer
Angular open pdf in new tab
Html
0 vote261 views1 answer
Js select option in form
Html