Video: ✔ Hướng Dẫn Dim & Text Nhiều Tỉ Lệ Chỉ Bằng 1 Style Duy Nhất (Annotative) • AutoCAD Đầy Đủ • Tập 13 2025
Thay vì phải sử dụng tối đa bốn hình ảnh riêng biệt để tạo ảo giác hình dạng cong trên trang web của bạn, với CSS3 bây giờ bạn có thể tạo các thùng chứa có góc cong! Đây là mã, có khai báo CSS3 được hỗ trợ đầy đủ ở đầu và theo sau bởi các bản sao trùng lặp trước cho các trình duyệt khác:
#box {border-radius: 20px; / * cho Mozilla Firefox * / -moz-border-radius: 20px; / * cho Safari và Google Chrome * / -webkit-border-radius: 20px;}
Bạn có thể sử dụng kiểu bán kính border-promius trên bất kỳ đối tượng nào kể cả hình chữ nhật. Số lượng điểm ảnh lớn hơn, cạnh rìa.
Trước khi CSS3, nếu bạn muốn có nhiều cột trên trang của bạn, bạn sẽ cần phải có các phần tử nổi trong các thùng chứa hoặc đặt chúng hoàn toàn liên quan đến vùng chứa của cha mẹ. Bây giờ, với CSS3, bạn có thể dễ dàng tạo nhiều cột trong một vùng chứa bằng cách sử dụng thuộc tính cột bằng cách đặt các giá trị cho số cột và chiều rộng khoảng cách, có hoặc không có một quy tắc dọc giữa chúng.
# box1 {/ * cho các trình duyệt không yêu cầu tiền tố * / column-count: 4; khoảng cách cột: 30px; quy tắc cột: 3px solid #fff; / * cho Mozilla Firefox * / -moz-column-count: 4; -moz-cột-khoảng cách: 30px; -moz-column-rule: 3px solid #fff; / * dành cho Safari và Google Chrome * / -webkit-column-count: 4; -chỗ bộ mạng-cột-khoảng cách: 30px; -webkit-column-rule: 3px solid #fff;}
Hình minh hoạ cho thấy sự so sánh của một lớp bằng cách sử dụng kiểu multicolumn và cách bố trí khác mà không có các cột. Để biết thêm thông tin về cách bạn có thể kiểm soát hơn nữa giao diện của nhiều cột của bạn, xem Quirksmode.
