Làm form đăng kí đơn giản bằng html css nhưng khá đẹp

13
14418
form html css

Xin chào mọi người, trong bài viết này thì mình sẽ hướng dẫn các bạn làm form đăng kí bằng html và css. Chỉ với vài thuộc tính nhưng chúng ta đã tạo ra một tác phẩm rồi. Mình xin được bắt đầu bài viết.

form đang ky html css

Làm form đăng kí đơn giản bằng html css

Demo:

Các bạn có thể click vào đây để xem kết quả.

Bây giờ mình sẽ code và giải thích chi tiết ngay phía sau,trước tiên thì chúng ta sẽ tạo khung html :

Các bạn có thể đổi cái div có class là form thành thẻ form thôi cũng được.

→Tham khảo ngay Tự học cắt web html css từ file thiết kế chuẩn w3c

Dưới đây là code css:

Kết quả: 

form đăng ký

Mình sẽ giải thích file css

  • Đầu tiên chúng ta sẽ reset css
  • Tiếp đến đặt màu background cho khối body
  • Sử dụng thuộc tính display: grid để chia layout reponsive
  • Tiếp đến chỉnh style cho form, cũng không có gì đặc biệt. Mình sử dụng thuộc tính display:flex chia các phần tử bên trong và đặt posttion:relative để căn chỉnh các thành phần cho hợp lý
  • Tiếp theo là căn chỉnh style cho các thành phần còn lại bằng các thuộc tính thông thường.
  • Cuối cùng là thêm cái hover cho nút submit cho có tí hiệu ứng 😀

Okê vậy là mình đã xử lý xong form đăng kí này chỉ bằng vài thuộc tính, cũng không có gì phức tạp đúng không. Mà trông nó nhìn cũng khá ngon đấy chứ :v. Các bạn có thể đặt lại bình luận dưới đây để yêu cầu mình làm những nội dung khác, mình sẽ làm hoàn toàn bằng html và css không cần sử dụng thêm framework nào khác :D.Mình xin được kết thúc bài viết tại đây.

Mọi người có thể tham khảo các bài viết khác tại đây.

13 BÌNH LUẬN

  1. [url=http://online-porno.pro/]русские попки порно смотреть онлайн[/url]
    [url=http://online-porno.pro/categories/%D0%91%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F+%D0%93%D1%80%D1%83%D0%B4%D1%8C/]пьяная с большой грудью[/url]
    [url=http://online-porno.pro/categories/%D0%91%D1%80%D0%B8%D1%82%D0%B0%D1%8F+%D0%9A%D0%B8%D1%81%D0%BA%D0%B0/]порно фильм бритые киски[/url]
    [url=http://online-porno.pro/categories/%D0%A7%D1%83%D0%BB%D0%BA%D0%B8/]черные чулки домашнее порно[/url]
    [url=http://online-porno.pro/categories/%D0%A1%D0%BA%D0%B0%D1%87%D0%B5%D1%82+%D0%9D%D0%B0+%D0%A7%D0%BB%D0%B5%D0%BD%D0%B5/]девушка скачет на члене гифки[/url]
    [url=http://online-porno.pro/categories/%D0%97%D1%80%D0%B5%D0%BB%D1%8B%D0%B5+%D0%96%D0%B5%D0%BD%D1%89%D0%B8%D0%BD%D1%8B/]порно зрелых красавиц[/url]
    [url=http://online-porno.pro/video/6560/]Оргия блондинки в чулках и ее голодного факера[/url]
    [url=http://online-porno.pro/video/19509/]Блондиночка отдалась в кабинете 2 ухажерам[/url]
    [url=http://online-porno.pro/video/29231/]Телочка страстно сосет член своего друга[/url]
    [url=http://online-porno.pro/video/45862/]Грузчик принес в дом красотки кресло, девушка отблагодарила его за работу зачетным минетом и анальным сексом[/url]
    [url=http://online-porno.pro/video/14229/]Невеста отсасывает мужикам члены перед своей свадьбой[/url]

  2. Здравствуйте, хотела бы спросить где вы отдыхаете? Собрались с семьей отдохнуть и нагуглили на [url=https://cont.ws/@sanyok092/1334648]турсайте[/url] рекомендации для туристов. Вообще есть желание поехать на море за рубеж примерно в Латвию, Кипр или в Сербию. Дайте совет где в это время оптимально отдыхать?

  3. [url=http://eporno.pro/]развратные танцы видео[/url]
    [url=http://eporno.pro/categories/%D0%93%D1%80%D1%83%D0%BF%D0%BF%D0%BE%D0%B2%D1%83%D1%85%D0%B0/]секс девушку трахают групповой[/url]
    [url=http://eporno.pro/categories/%D0%9C%D0%B0%D0%BC%D0%BE%D1%87%D0%BA%D0%B8/]порно сын ебет маму вжопу[/url]
    [url=http://eporno.pro/categories/%D0%92%D1%8B%D1%81%D1%82%D1%80%D0%B5%D0%BB%D1%8B+%D0%A1%D0%BF%D0%B5%D1%80%D0%BC%D1%8B/]красивые кадры выстрелов спермы[/url]
    [url=http://eporno.pro/categories/2+%D0%94%D0%B5%D0%B2%D0%BA%D0%B8+%D0%98+%D0%9F%D0%B0%D1%80%D0%B5%D0%BD%D1%8C/]порно мжм по пьяни[/url]
    [url=http://eporno.pro/categories/%D0%97%D1%80%D0%B5%D0%BB%D1%8B%D0%B5/]русское порно видео зрелая мамка дала подростку[/url]
    [url=http://eporno.pro/video/10427/]Alexis Fawx ебется с юным соблазнителем Ксандером Корвусом[/url]
    [url=http://eporno.pro/video/1908/]Особый эротический массаж, который закончился сексом[/url]
    [url=http://eporno.pro/video/22673/]Стройная Candee Licious опробовала на вагинке вибратор[/url]
    [url=http://eporno.pro/video/45416/]Инцест-секс в туалете молодой дивчины с бритой мандой и мужика[/url]
    [url=http://eporno.pro/video/63792/]Невероятная блондинка Лунаездит на огромном члене мужа пока он находится в режиме записи видео[/url]

ĐỂ LẠI BÌNH LUẬN

Vui lòng nhập nội dung bình luận
Vui lòng nhập tên

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.