html css title đẹp cho website đẹp hơn

html css title đẹp

congdongblogchào mọi người,hôm nay ad lại chia sẽ thêm cho các bạn 1 kiến thức cũng không phải cao siêu lắm, nhưng nó đẹp là chủ yếu, mà anh em mới vào nghề không biết cách làm, nên ad làm bài này cho các bạn không biết dễ học hơn nhé.

Cách code html css title đẹp cho 1 website

1. 1. HTML

        <div id="container">
         <h1>This is my title</h1>
        </div>

   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;}

Vậy là xong bài hướng dẫn làm html css title đẹp cho website đẹp hơn.

xong nhé anh em, thấy hay tiếc gì 1 like nhỉ phải không anh em :p

Các bạn có gì thắc mắc cứ liên hệ với mình hoặc để lại comment bên dưới, like face để có nhiều tin mới hơn nhé. mình sẽ hỗ trợ hết sức, thank you mọi người nhé!