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

14 votes180 views5 answers
Convert string to boolean js
Html
6 votes199 views6 answers
Html collection to array
Html
0 vote158 views1 answer
Simple html report template
Html
18 votes161 views1 answer
Add css to an html file
Html
1 vote186 views1 answer
Bootstrap center button horizontally
Html
14 votes229 views4 answers
Html input not editable
Html
-3 votes191 views1 answer
Lazy laoding of images
Html
0 vote175 views1 answer
Div tag in html
Html
38 votes167 views6 answers
Html iframe example
Html
41 votes175 views3 answers
Css in reactjs
Html