Học Thiết Kế Website Online Miễn Phí

Tổng hợp kiến thức, tài liệu để bạn học thiết kế website online miễn phí. hướng dẫn học thiết kế website từ đơn giản đến nâng cao một cách hoàn thiện nhất

Liên Kết : Chuyển Nhà Thanh Hóa | Thiết Kế Website | Học Lái Xe OTo Tại Thanh Hóa |Chuyển Hà Hà Nội |

Code Tạo thanh cuộn dọc

Share Button

Giới thiệu code HTML tạo thanh cuộn dọc cho hệ thống website , blog, bài viết. Thu gọn không gian website cho nội dung dài.


Giới Thiệu :

   Khi website, blog của bạn có nội dung dài. Ví dụ như danh sách văn bản hoặc hình ảnh, code… nếu để như bình thường website của bạn sẽ dài ra. Nhìn trông rất xấu và mất nhiều không gian cho website.

   Tôi hướng dẫn cho bạn code đơn giản giúp thu ngắn nội dụng và có thanh cuộn để khách hàng có thể kéo lên, xuống để xem nội dung.

Ví dụ : xem demo

Code Tạo thanh cuộn dọc

<div style="width:150px;height:150px;overflow:auto;">nội dung văn bản, hình ảnh, code... dài mấy cũng được</div>

Bạn có thể thay đổi nội dung mầu đỏ.

Phân tích code :

width:150px       150px ở đây là chiều rộng khung chứa. Bạn cũng có thể thay bằng % tối đa = 100%

height:150px      Tương tự 150px ở đây là chiều cao của khung chứa code. Bạn cũng có thể thay = %. % ở đây là % kích thước màn hình thiết bị khách truy cập

Hướng dẫn Code Tạo thanh cuộn dọc

   Code HTMl bạn có thể post code và bất cứ bài viết hoặc code HTML của website, blog hoặc hệ thống nào khác.

Chúc bạn thành công

Share Button

2 Comments

Add a Comment
  1. Cảm ơn bài viết của admin rất nhiều! Admin làm ơn cho em hỏi nếu em muốn có viền xung quanh cái khung ấy thì thay đổi html như thế nào ạ? Em xin cảm ơn ad trướcc

  2. Chào Ngọc Mạnh !

    Mình sẽ theo dõi bạn, hãy cố gắng lên nhé.

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Học Thiết Kế Website Online Miễn Phí © 2017 Frontier Theme