Beautiful CSSTitle HTML - css title style code

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!