Chia sẻ Tài nguyên

Nơi chia sẻ các Bài tập, Kiến thức về lập trình, công nghệ.

[HTML-CSS] Bài thực hành CSS tổng hợp 5 - Greefies Solution website - Phần 4

Sử dụng kỹ thuật chia vùng với thẻ DIV, thiết lập hình nền cho div và cho các phần tử li của thẻ ul, chèn form vào trang web.

Sử dụng kỹ thuật chia vùng với thẻ DIV, thiết lập hình nền cho div và cho các phần tử li của thẻ ul.

Trong đó:

  • Chiều rộng của trang là 960px;
  • Chiều rộng phần nội dung như hình là 531px;
  • Sử dụng các control trong form để tạo ô nhập liệu textbox;
  • Sử dụng các thuộc tính style cho text như font-size, color, line-height, ...
  • Sử dụng kỹ thuật lược đồ cho box như float, clear float, ...
  • Sử dụng các thuộc tính liên quan đến box như margin, padding, ...
  • Một số thuộc tính khác như background, hover, ...
  • Hình ảnh sử dụng cho bài tập được đính kèm ở file dưới.

Hướng dẫn:

  • Sử dụng DIV để chia làm 2 phần, 1 phần cho form tìm kiếm, 1 phần cho thông tin liên hệ.
  • Phần form tìm kiếm: tạo kích thước cố định bằng hình nền của form (hình trong file đính kèm).

Hình mẫu:

Tệp tin đính kèm:

 

Bài viết liên quan: