Make text shadow - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Text

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Text

Description

Make text shadow

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <title>Lore</title> 
  <link rel="stylesheet" type="text/css" href="cssTest.css"> 
 </head> <!--   w w w  .j a v a2s.  c  o m-->
 <body> 
  <main> 
   <div id="header"> 
    <h1> <img class="displayed" src="https://www.java2s.com/style/demo/Google-Chrome.png"> </h1> 
   </div> 
   <div class="wrapper"> 
    <nav class="vertical"> 
     <ul> 
      <li> <a href="homePage.html">Lore</a> </li> 
      <li> <a href="blog.html">Lore</a> </li> 
      <li> <a href="news.html">Lore</a> </li> 
      <li> <a href="contact.html">Lorem i</a> </li> 
     </ul> 
    </nav> 
   </div> 
   <section> 
    <article> 
     <h2>Lorem ipsum dolor s</h2> 
     <p style="color: #50FFFF; font-size: 16px;
                text-shadow:
                 0px 0px 2px #1040FF,
                -2px -2px 2px #1040FF,
                 2px -2px 2px #1040FF,
                -2px 2px 2px #1040FF,
                 2px 2px 2px #1040FF;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed fermentum. Aliquam erat volutpat. Vestibulum tortor neque, ornare vitae </p> 
    </article> 
   </section> 
   <hr> 
   <footer> 
    <strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit</strong> 
   </footer> 
  </main>  
 </body>
</html>

Related Tutorials