Demo html
Thiết kế nút bấm yahoo bằng HTML&CSS
Dưới đây là nút bấm bằng HTML và CSS, bạn hover chuột vào xem thử thế nào nhé. .btn_yahoo{ background: #640f6c; color: #fff; font-size: 20px; padding: 5px 30px 5px 30px; border-radius: 30px; font-weight: 700; transition: 1s; outline: none; } .btn_yahoo:hover{ background: #fafafa; color: #640f6c; transition: 1s; } Yahoo Để thiết kế nút bấm này vô cùng đơn giản, chúng ta có HTML như sau: <button class="btn_yahoo">Yahoo</button> Và CSS style cho nó .btn_yahoo{ background: #640f6c; color: #fff; font-size: 20px; padding: 5px 30px 5px 30px; border-radius: 30px; font-weight:...
Tạo form đăng nhập đẹp với HTML và CSS
Trong bài viết này chúng ta sẽ cùng đi tạo form đăng nhập đẹp trên HTML và CSS. Tạo form đăng nhập đẹp với HTML và CSS Trước tiên chúng ta sẽ tạo bộ khung đăng nhập HTML gồm các trường nhập dữ liệu và nút đăng nhập. <form method="post" action="#" class="box"> <H1>ĐĂNG NHẬP TÀI KHOẢN</H1> <input type="text" placeholder="Email"> ...
Cách căn phần tử ra giữa trung tâm trong HTML CSS
Trong bài viết này mình sẽ hướng dẫn các bạn có thể căn phần tử ra đúng giữa trung tâm của một thành phần cha, ví dụ như để căn form đăng ký ra trung tâm màn hình. Cách căn phần tử ra giữa trung tâm với CSS Để căn phần tử nằm ra đúng giữa trung tâm so với thuộc tính cha của nó với CSS tương đối đơn giản. Ban...