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

Popular posts from this blog

Grouping in HTML - DIV & SPAN

Grouping in HTML Sometimes there is need to group certain elements of a html document together into a logical block or segment. Generally used for CSS designing. For grouping html elements we generally uses <div> and <span> tags both the tags are used for grouping but they varies from each other as <div> creates a logical block whereas <span> is used for inline reference to a certain content in the document. <DIV> It can be referenced using class or id attributes. ex:  <div class="abc">                     <p> ..... </p>        </div>                Referencing :        .abc          {              ----------          }

Meta - tag

<meta> The meta tag or metadata tag is a self-closing tag which provides data about data. It provides information to browser about the web-page like language of the page author of the page last modified time, etc Important attributes :- charset content name http-equiv ex : <meta name="author" content="avas27">