Home » Chia Sẻ Code » CSS » Sử dụng HTML và CSS để tạo một Profile Card

Sử dụng HTML và CSS để tạo một Profile Card

Chào các bạn, trong một bài viết gần đây tôi có chia sẻ với các bạn một mẫu Profile Card khá ấn tượng được thực hiện bằng HTML và CSS. Trong bài viết này chúng ta sẽ tiếp tục đến với các dòng Code CSS và HTML để thực hiện một mẫu khác cũng không kém phần hấp dẫn.

Sử dụng HTML và CSS để tạo một Profile Card Sử dụng HTML và CSS để tạo một Profile Card - Lại Văn Đức Blog
Sử dụng HTML và CSS để tạo một Profile Card

Profile Card lần này có bố cục khác với lần trước nhưng trên thực tế chúng không khác nhiều trong Code. Các bạn có thể tự kiểm tra ngay bên dưới.

Đầu tiên chúng ta cũng sẽ thiết lập thẻ DIV để định hình:

Tiếp đến chúng ta sẽ sử dụng CSS. Do đoạn Code khá dài, tôi đã thu gọn lại. Các bạn bấm vào để hiển thị.

Nếu bạn không biết phải làm thế nào để cho đoạn Code này chạy được thì xem bài viết này: Hướng dẫn sử dụng Code trên Blog Lại Văn Đức

Rồi, mời các bạn Demo ngay và luôn nhé:

7 comments

  • Hello, guest