Thanh cuộn là một chức năng đa năng giúp làm việc với bất kỳ trang web nào trở nên thuận tiện và nhanh chóng hơn. Đồng thời, chủ sở hữu trang web muốn cài đặt trên các trang của họ không chỉ hữu ích mà còn cả các tiện ích bổ sung đẹp mắt phù hợp với thiết kế với bảng màu tổng thể của trang. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách cài đặt thanh cuộn màu trên trang web của bạn. Có một số cách để thực hiện việc này và một trong số đó là mã tạo sẵn có thể được cài đặt trên bất kỳ trang nào mà bạn muốn thay đổi thanh cuộn.
Hướng dẫn
Bước 1
Chọn trang để chỉnh sửa và sao chép mã HTML của nó vào notepad.
Sau thẻ, hãy dán mã:
nội dung {scrollbar-face-color: # 5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
thanh cuộn-3dlight-màu: # 5997CA;
màu thanh cuộn-darkshadow-: # 5997CA;
màu thanh cuộn: # F6F6F6;
thanh cuộn-mũi tên-màu: # F6F6F6; }
Bước 2
Trong mã, hãy điều chỉnh các giá trị màu phía trước mỗi tham số như bạn muốn: màu của thanh cuộn, màu của mũi tên, màu nền của thanh cuộn, màu của đường viền, ngăn cách các thanh, và như thế.
Đây là cách đơn giản nhất, nhưng bên cạnh đó còn có một cách khác - lưu cùng một mã với cài đặt màu thanh cuộn của bạn dưới dạng tệp css và tải nó trên trang. Để thực hiện việc này, hãy mở đoạn mã trên mà không có thẻ trong notepad. Lưu tệp mã và đặt tên là scroll.css. Sau đó tải lên máy chủ ở cùng nơi với trang mà bạn muốn thay đổi thanh cuộn.
Bước 3
Nếu bạn không biết ký tự của màu sắc trong HTML, hãy tìm kiếm trên Internet bất kỳ bảng nào có các ký hiệu này. Nó sẽ giúp bạn tương quan các mã và màu sắc, và chọn màu phù hợp cho thiết kế trang web của bạn.
