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

0 vote336 views1 answer
The template root requires exactly one element.eslint-plugin-vue
Html
1 vote269 views1 answer
Html input name array
Html
0 vote295 views1 answer
Html textarea placeholder multiple lines
Html
15 votes290 views5 answers
Audio in html
Html
2 votes272 views1 answer
Ternary vuejs
Html
0 vote290 views1 answer
Can i use html in android studio
Html
0 vote272 views2 answers
<input type="password" placeholder="enter password" name="psw" required>
Html
0 vote315 views1 answer
Equal symbol expected spring form
Html
0 vote323 views1 answer
Disable copy text from a website
Html
1 vote303 views1 answer
Headings
Html