Monday, 23 March 2015

Enhancing HTML Content by Pseudo Elements



Pseudo Elements play important role while designing some web based stuff. With pseudo elements

we can add content after or before any element in our web page. Below is very simple

demonstration.

    <h1>Use of Before</h1>
    <h2>Use of After</h2>
    h1:before {content:url(twit.png);}
    h2:after {content:url(twit.png);}

Here we have appended an image before H1 tag selector and after H2 tag selector as well.

Output.

For such more Blogs you can visit to http://findnerd.com/NerdDigest/Html/



No comments:

Post a Comment