Video: Học lập trình Web A-Z - jQuery UI - Bài 12 - Làm đẹp thẻ select, checkbox và radio 2025
Sử dụng bảng nền trong bảng điều khiển CSS của Dreamweaver có thể chỉ định màu nền hoặc hình ảnh cho một phong cách - và kiểm soát cách nền được hiển thị trên trang. Bạn có thể sử dụng cài đặt kiểu nền cho bất kỳ phần tử nào của trang web của mình có thể hiển thị một thẻ nền - bao gồm cả, tiêu đề và hình ảnh.
Bằng cách bao gồm nền trong lớp hoặc kiểu ID của thẻ, bạn có thể giới hạn nền để xuất hiện trên màn hình chỉ khi thẻ được sử dụng. Lưu ý rằng tùy chọn Bối cảnh chỉ hoạt động với một hình ảnh chỉ khi bạn đặt một lề xung quanh hình ảnh.Background-Color:
Chỉ định màu nền của một kiểu đã định nghĩa sử dụng một trong vài phương pháp. Bạn có thể nhấp vào màu sắc tốt và chọn một màu được xác định trước hoặc tạo một màu tùy chỉnh. Hoặc sử dụng eyedropper để lấy mẫu màu trên màn hình. Cuối cùng, bạn có thể nhập mã màu thập lục phân - đảm bảo bao gồm #, như trong # 000000 cho màu đen hoặc #ffffff cho màu trắng.
-
-
Cơ sở-Vị trí: Chỉ định vị trí của hình nền từ trái sang bên trên của phần tử gốc bằng cách nhập một số vào mỗi trường. Tùy chọn này chỉ hiển thị nếu bạn nhấp vào mũi tên nhỏ bên cạnh trường URL trong phần nền để hiển thị các trường bổ sung tiếp theo.
-
Kích thước: Chọn phép đo theo pixel, ems, hoặc tùy chọn khác, và sau đó nhập kích thước bạn muốn cho nền. Rời khỏi trường Kích thước được đặt thành tự động (mặc định) sẽ hiển thị hình ảnh ở kích thước thực.
-
Background-clip: Chỉ định nền nền bắt đầu ở biên giới, padding hay nội dung của một phần tử hộp, chẳng hạn như một thẻ.
-
Nền-Lặp lại: Nhấp vào biểu tượng tương ứng để chỉ định cách thức và hình nền sẽ lặp lại, hoặc gạch nối, qua và xuống trang. Hình nền nền mặc định, vì vậy bạn phải chọn một tùy chọn nếu bạn không muốn nền của bạn lặp lại hoặc bạn muốn chỉ định nó lặp lại như thế nào.
-
Cũng lưu ý rằng nếu hình ảnh lớn hơn phần tử mà nó được áp dụng, chỉ có phần lớn hình ảnh sẽ phù hợp với diện mạo hiển thị của phần tử.Ví dụ: nếu bạn sử dụng hình ảnh rộng 600 pixel làm nền của thẻ được đặt rộng 300 pixel, chỉ một nửa hình ảnh sẽ hiển thị. Các tùy chọn Lặp lại, được liệt kê theo thứ tự xuất hiện các biểu tượng của chúng, theo:
Thừa kế:
Trừ khi một tùy chọn khác được chọn, mỗi phần thừa kế hành vi của phần tử cha của nó. Tùy chọn mặc định này không cần phải được chỉ định.
-
Lặp lại: Hình nền sẽ lặp lại theo chiều dọc và chiều ngang trong nền của phần tử.
-
Lặp lại-X: Bối cảnh lặp lại theo chiều ngang, nhưng không theo chiều dọc, trong nền của phần tử.
-
Lặp lại-Y: Bối cảnh lặp lại theo chiều dọc, nhưng không theo chiều ngang, trong nền của phần tử.
-
Không lặp lại: Nền được hiển thị một lần ở phía trên bên trái của phần tử.
-
Xuất xứ: Chỉ rõ nguồn gốc của nền bắt đầu ở biên giới, đệm hoặc nội dung của một phần tử hộp, chẳng hạn như một thẻ.
-
Tệp đính kèm: Xác định nền hoạt động như thế nào khi cuộn trang. Các tùy chọn là
-
-
Thừa kế: Trừ khi một tùy chọn khác được chọn, mỗi phần thừa kế hành vi của phần tử cha của nó. Đây là một lựa chọn mặc định và không cần phải được chỉ định.
-
Cố định: Bối cảnh vẫn được dán vào một nơi trong khu vực xem và không bị cuộn ra khỏi tầm mắt, ngay cả khi trang web cuộn xuống.
-
Cuộn: Nền cuộn cùng với trang web.
-
Gradient: Nhấp vào màu bên cạnh Gradient để mở bộ chọn mới của Visual Dreamweaver.
-
-