beautiful html css title

congdongblog hello everyone, today admin shared to you 1 more knowledge that is not very sublime, but it's beautiful mainly, but the novices don't know how to do it, so this article is for you guys. Do not know easier to learn offline.

Way beautiful html css title code for 1 website

    1. HTML
        
       

      This is my title

       
    2. CSS
 /* Just to align the container */
  #container {width: 400px; margin: 30px auto; text-align: center; padding: 100px 0; background: #EEEEEE;}
  /* The important bit */

  h1 {position: relative; 
  	margin: 0 -25px; 
  	font-size: 40px; 
  	background: #0088AA; 
  	color: #FFFFFF; 
  	text-shadow: 1px 1px 0px #1A5D6E; 
  	box-shadow: 0 0 10px #AAA;
  }

  h1:before {content: ""; display: block; position: absolute; bottom: -25px; width: 0; height: 0; border-style: solid; border-color: #1A5D6E transparent;border-width: 25px 0 0 25px; left: 0;}

That's it, the tutorial is about making a beautiful html css title for a better website.

Alright guys, see what a pity, right, bro: p

If you have any questions, feel free to contact me or leave a comment below, like face for more news. I will support you all, thank you everyone!

(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)(0); if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));

Read more :
READ  Build BuzzFeed style website with WordPress

Leave a Reply

Your email address will not be published. Required fields are marked *