Con trỏ css mạnh gi
Thuộc tính con trỏ là thuộc tính dùng để thay đổi dạng hiển thị chuột trên trang web. Có 7 loại với chuột chính là. “tay”, “chữ thập”, “văn bản”, “chờ”, “di chuyển”, “chờ”, và “thay đổi kích thước”. Các bạn có thể tham khảo ví dụ Di chuột qua các từ để thay đổi con trỏ để biết thêm nhiều dạng con chuột khác Để áp dụng cho các phần tử trong HTML, đầu tiên tạo 1 vùng với lớp tên là “div1” và định nghĩa phong cách của lớp này.
.div1 { width:100px; height:100px; background-color:pink; cursor: crosshair; } ... Kết quả là, chuột được chuyển thành dấu thập phân như trong hình Nếu bạn muốn con chuột hiển thị 1 định dạng khác ngoài định dạng mặc định, bạn có thể tạo 1 tập tin. ico or file. png (chỉ hoạt động với trình duyệt Chrome, Coccoc) để định dạng chuột mới. Sau đó sử dụng đoạn mã body { cursor:url("mousecursor.ico"), default; } Khi đó toàn bộ trang web đều hiển thị với chuột với định dạng như sau Có nhiều trang áp dụng đổi chuột để làm cho trang trở nên bắt mắt hơn. Các bạn có thể sử dụng trang http. //icoconvert. com/ to convert format 1 image to format. ico Bạn muốn biết ngay không, thay thế thì dưới đây là tên của các thuộc tính đó, bạn cứ di chuột qua từng từ để thấy bằng con trỏ chuột đtột thay đổi. Đương nhiên, hiệu ứng với trỏ chuột chỉ được tìm thấy trên máy bàn tự động mẫu mã
Mỗi lần hiệu ứng với con trỏ chuột có các ứng dụng thực tế khác nhau, trong đó thường gặp nhất là hiệu ứng con trỏ, dành cho các nút bấm. Các hiệu ứng thay đổi kích thước có thể dành cho các mục nhập cho phép thư giãn kép, ví dụ như bình luận add sung. với các hiệu ứng CSS ổn định, bạn có thể tách nó ra và đưa vào một tệp CSS riêng, để bảo vệ nó trên các trang khác nhau Các thông số
Support browserTất cả các trình duyệt phổ biến bao gồm Chrome (5. 0), FireFox (4. 0), Opera(9. 6), Safari (5. 0) qua IE/Edge (5. 5) đều hỗ trợ các thuộc tính liên quan đến với con trỏ Trong các bài học CSS trước Taimienphi. vn đã giới thiệu cho bạn thuộc tính padding trong CSS. Bài học tiếp theo bên dưới Taimienphi. vn sẽ giới thiệu tiếp cho bạn về thuộc tính con trỏ trong CSS Con trỏ thuộc tính trong CSS được sử dụng để chỉ kiểu con trỏ chuột được hiển thị khi người dùng di chuột qua phần tử. Tham khảo tiếp bài viết dưới đây của Taimienphi. vn để tìm hiểu chi tiết cú pháp và thuộc tính con trỏ trong CSS Thuộc tính con trỏ CSS mạnh Thuộc tính Con trỏ CSS mạnhDưới đây là bảng tổng quan về thuộc tính con trỏ trong CSS - Giá trị mặc định Tự động ví dụ Kết quả đầu ra có dạng như dưới đây 1. Hỗ trợ trình duyệt con trỏ thuộc tính trong CSS Dưới đây là danh sách các phiên bản trình duyệt hỗ trợ thuộc tính con trỏ trong CSS. 2. Cú pháp thuộc tính con trỏ trong CSS Cú pháp thuộc tính con trỏ trong CSS có dạng như sau con trỏ. giá trị; 3. Giá trị của con trỏ thuộc tính trong CSS Dưới đây là danh sách các giá trị của con trỏ thuộc tính trong CSS https. //thuthuat. taimienphi. vn/thuoc-tinh-cursor-strong-css-50605n. aspx |