Video: Cách tạo menu đa cấp bằng html và css trong thiết kế website - Phần 1 2025
Ngoài việc sử dụng thanh tra thuộc tính trong Adobe Dreamweaver CS6, bạn có thể định dạng toàn bộ bảng hoặc từng ô trong bảng (và nội dung) bằng cách sử dụng CSS (cascading styles sheets). Trong hầu hết các trường hợp, đây được xem là một thực tiễn tốt hơn vì nó duy trì sự tách biệt giữa đánh dấu, nội dung, và kiểu dáng thực sự được sử dụng để làm cho nó được thẩm mỹ về thẩm mỹ.
Bạn có thể sử dụng CSS để định dạng một bảng như sau:
-
Tạo một quy tắc Lớp CSS từ thanh tra thuộc tính hoặc bảng điều khiển kiểu CSS.
-
Trong loại Loại, chọn kích thước và màu cho văn bản của bảng.
-
Dưới danh mục nền trong hộp thoại Định nghĩa quy tắc CSS, chỉ định màu nền cho bảng của bạn bằng cách sử dụng thuộc tính Màu nền, sau đó nhấp vào OK.
-
Chọn bảng mà bạn muốn áp dụng kiểu lớp mới.
-
Gán lớp bằng cách sử dụng danh sách Class drop-down trong thanh tra Property.
Toàn bộ bảng của bạn lấy định dạng mới.
Tương tự như cách bạn có thể sử dụng thanh tra thuộc tính để tô màu và sắp xếp các ô riêng lẻ, bạn có thể tạo và áp dụng các quy tắc CSS cho các ô trong bảng. Trong hầu hết các trường hợp, đây được xem là một thực tiễn tốt hơn là dựa vào thuộc tính HTML. Để thực hiện việc này, chỉ cần thực hiện theo các bước sau:
-
Tạo một quy tắc Lớp CSS từ thanh tra thuộc tính hoặc bảng điều khiển kiểu CSS.
-
Dưới phần nền, hãy chọn màu nền.
-
Dưới mục Block, chọn Middle từ danh sách thả xuống Vertical-Align, chọn Center từ danh sách thả xuống Text-Align, sau đó kích OK.
-
Chọn ô trong bảng mà bạn muốn áp dụng lớp mới vào.
-
Từ thanh tra thuộc tính, xác định danh sách thả xuống Lớp và chọn lớp mới của bạn.
Lựa chọn định dạng của bạn được áp dụng cho ô trong bảng.
