Skip to main content

CSS - Shadow Effect

CSS - Shadow Effect


<html>
<head>
         <style> 
                 .abc
               {
                  color:red;
                  font-size:25px; 
                  text-shadow:1px -1px 0 #767676;
               }
        </style>
</head>
<body>
          <div class="abc">
             Shadow Effect
          </div>
</body>
</html>

output:

Comments

Post a Comment

Popular posts from this blog

HTML - Hyper Text Markup Language

HTML It is a markup language means it can distinguish between its elements and content. It instructs the browser how to display web-page content. HTML Tags these are the keywords in HTML which defines how browser will format and display the programmer's content on the web-page. It is of two types :- 1.One which requires closing tag     ex: <p> content </p>           <body> content <body> 2.One which doesn't requires a closing tag     ex: <img>           <meta>,etc HTML elements  it is the combination of                                <opening tag> content </closing tag> It is of two types :- 1.Inline    ex: <img src="abc/xyz.jpg"> 2.Block    ex: <p>hello there</p>
Post a Comment
Read more

DOCTYPE html

<! DOCTYPE html> It is a declaration that instructs browser about what version of HTML is used in creating the web-page. Though it is not mandatory to write it in the html document but it is a good practice to include it. suppose we have not specified html version then the browser will itself assume a version, now it may happen that we have created a web-page using html-5 and someone is accessing it using an older browser which works on html-4 then some of our tags will not be rendered leading to some errors.
Post a Comment
Read more