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

2 votes134 views1 answer
Icon for about us font awesome
Html
27 votes133 views3 answers
Html horizontal line style
Html
0 vote135 views1 answer
Align buttons next to each other bootstrap
Html
0 vote162 views1 answer
Brackeys C#
Html
0 vote143 views1 answer
How to include two pictures side by side in Markdown for Jupyter Notebook
Html
230 votes335 views6 answers
Include script in html
Html
-1 vote147 views3 answers
Bootstrap footer bottom of page
Html
0 vote140 views1 answer
Download adam text editor
Html
0 vote157 views1 answer
Simple website with html and css
Html
0 vote143 views1 answer
Vue paragraph not showing when class applied to it
Html