CSS Cho Các Thẻ Theo Trạng Thái (link, Hover, Visited, Active, Focus)

Không có bình luận nào trên trang cá nhân. Xem bình luận trên trang cá nhân >> Không có tin nhắn mới. Xem tin nhắn >> Email : Mật khẩu : Ghi nhớ? Quên MK Login với
  • Tài khoản của bạn
  • Chỉnh sửa thông tin
  • Thay đổi mật khẩu
  • Quản lý Bài Công nghệ
  • Quản lý Bài Tin Tức
  • Thoát

Điểm nhấn

  • Hướng dẫn bật chế độ chạy GPU thay CPU
  • Lỗi HTTP Error 500.35 - ASP.NET Core does not support multiple apps in the same app pool
  • Lỗi triển khai ASP.NET Core lên IIS
  • C.O.R.S hoạt động như thế nào?
  • Hướng dẫn xây dựng ứng dụng gửi mail sử dụng công nghệ ReactJS và NodeJS
  • Phân biệt webhook và polling
Đóng góp
  • Viết bài Công nghệ
  • Viết bài Tin tức
  • Gửi Sách
  • Gửi Phần mềm
  • Gửi Mail
Liên hệ
  •  
  • DOTNET Windows Form WPF Console ASP.NET ASP.NET MVC 2 ASP.NET AJAX Class Library Silverlight WCF DotNetNuke Crystal Report SharePoint LightSwitch .NET Framework .NET Base Class Library Regular Expressions XML Chart Controls Azure LINQ to SQL Microsoft Office Office Live Development Team Foundation Server Maps ADO Control Tips Config Facebook Apps Visual Studio Windows Phone React Native API & OData Xem tất cả
  • JAVA Applet Swing/JFC/AWT/SWT Network J2ME J2SE J2EE Web Service và XML Portal Android Other C/C++ IOS
  • PHP VBB JOOMLA WDPRESS DRUPAL NUKEVIET ZEND CAKE PHP MVC MAGENTO LINUX WEBSERVER OTHER Moodle
  • DATABASE MySQL Tip SQL Server Guide
  • ĐÀO TẠO Compare Guide Introduction Install SEO Project GRAPHICS MMO IoT Python Linux Photoshop ReactJS
  • SÁCH
  • PHẦN MỀM
  • TIN TỨC
  • SEO Learning SEO SEO On-Page Thủ thuật SEO Phần mềm SEO Thuật ngữ
  • TIẾNG ANH

Thủ thuật

  • Hướng dẫn chi tiết cách viết báo cáo môn học
  • Khắc phục lỗi "MICROSOFT ACE.OLEDB.12.0…" khi import tệp tin Excel xlsx lên hệ thống
  • Hướng dẫn đẩy Code từ Netbean lên Github
  • Trang chủ
  • HTML
Cấp bậc tác giả:

HTML

CSS cho các thẻ theo trạng thái (link, hover, visited, active, focus) Được viết bởi QuangIT vào ngày 21/11/2012 lúc 02:41 PM * Các trạng thái của thẻ a: - link: trạng thái ban đầu (chưa click vô lần nào) - hover: khi mouse chuột lên link - visited: link đã từng click vô rồi - active: lúc click chuột vô thẻ a
  • 0
  • 84655

CSS cho các thẻ theo trạng thái (link, hover, visited, active, focus)

* Các trạng thái của thẻ a:- link: trạng thái ban đầu (chưa click vô lần nào)- hover: khi mouse chuột lên link- visited: link đã từng click vô rồi- active: lúc click chuột vô thẻ aSau đây là một ví dụ về cách viết các trạng thái này: HTML:<a href="http://www.dngaz.com" class="dngaz">Website chia sẻ kiến thức và kết nối cộng đồng</a> CSS:a.dngaz:link, a.dngaz:visited{color:blue;text-decoration:none;} a.dngaz:hover{color:red;font-weight:bold;} a.dngaz:active{background:yellow;} 1. Đoạn css trên định dạng màu cho thẻ a (đã hay chưa bao giờ click vô) vẫn có màu xanh, không gạch dưới.2. Khi hover chuột lên chữ "CSS cho người việt" sẽ có màu đỏ, font chữ đậm.3. Khi click chuột vào link thì sẽ thấy background màu vàng dưới link (chớp rất nhanh, nếu máy chậm sẽ thấy dể hơn, ^^). * Focus:trạng thái này có thể hiểu là khi con chuột đang nháy vào thẻ đó, thường sử dụng cho thẻ input & textarea. Một ví dụ cụ thể, khi sử dụng trình duyệt google Schrome, khi nhấp chuột vô thẻ input, textarea nó có border nhìn rất bắt mắt... Nếu bây giờ GC muốn thẻ input có class="username" khi click chuột vô thì nó có border màu đỏ và có bóng đổ thì có thể viết như sau: HTML:<input type="text" value="Click vào đây" class="username" /> CSS:.username:focus{border:1px solid #808451;-moz-box-shadow:0 0 8px #808451;-webkit-box-shadow:0 0 15px #808451;box-shadow:0 0 15px #808451;} Kết quả:

Nguồn bài viết: Dngaz.com

  • Bài trướcLàm thế nào để trừ thời gian
  • Bài sauCố định header và footer

Bài viết tương tự

  • THEMEFEST – WOWWAY – INTERACTIVE & RESPONSIVE HTML PTFOLIO
  • Đếm số ký tự trong textbox bằng jquery
  • Srabon - html template đẹp cho trang admin
  • Hướng dẫn làm trang tin tức nổi bật giống DNGAZ với Jquery
  • jQuery -Code gGame bắn chim
  • HTML5 Desktop Notification Tutorial
  • A Tabbed Slider Using jQuery
  • Rounded Tab Menu Using jQuery and CSS
  • Giới thiệu node.js và CoffeeScript
  • 10 Super jQuery and Ajax Scripts
BÌNH LUẬN BÀI VIẾT

Bài viết mới nhất

  • Xây dựng hệ thống xác thực bảo mật với JWT và Refresh Token trong ASP.NET Core Làm sao để chỉ cho phép một số role truy cập truy vấn $expand=SensitiveData? Hướng dẫn bật chế độ chạy GPU thay CPU Lỗi HTTP Error 500.35 - ASP.NET Core does not support multiple apps in the same app pool Lỗi triển khai ASP.NET Core lên IIS C.O.R.S hoạt động như thế nào? Hướng dẫn xây dựng ứng dụng gửi mail sử dụng công nghệ ReactJS và NodeJS Phân biệt webhook và polling Lỗi https khi thực hiện project oData Hướng dẫn tạo Map API cho Android trong google
Xem tất cả

LIKE BOX

Bài viết được xem nhiều nhất

  • [TUT]Xây dựng Website Bán Hàng - Hướng dẫn tạo DataBase (96035) LẤY LẠI MẬT KHẨU SA TRONG SQL SERVER 2005 2008 (92818) Một số bài tập mẫu SQL(Phân I) (90958) CSS cho các thẻ theo trạng thái (link, hover, visited, active, focus) (84655) Các kiểu dữ liệu SQL (75612) Chuyển đổi giữa các hệ cơ số (75320) Kiểu dữ liệu Array và List trong C# (69975) Xây dựng Lớp Phân Số. Tính toán Cộng, trừ, nhân, chia (62916) Hướng dẫn khắc phục lỗi không tạo được Diagrams(sơ đồ quan hệ) trong SQL 2005/2008 (56341) [Java] Kết nối CSDL từ NetBean (43955)
Xem tất cả

HỌC HTML

  • 1 Hướng dẫn cách hiển thị hình ảnh cần chọn khi share link trên mạng xã hội
  • 2 Hướng dẫn truy cập webcam và chụp hình bằng Javascript
  • 3 Làm thế nào Hover với Bootstrap Dropdown
  • 4 Tìm hiểu về cách hoạt động của Bootstrap Grid 4
  • 5 Hướng dẫn xây dựng đồng hồ bấm giờ bằng JavaScript
  • 6 Hướng dẫn sử dụng CSS Flexbox - Phần 2
  • 7 Hướng dẫn sử dụng CSS Flexbox - Phần 1
  • 8 Cài đặt CLI cho môi trường vue chuyên nghiệp hơn
  • 9 Cài đặt Vue thông quan NPM
  • 10 Dùng cặp thẻ script trực tiếp để sử dụng thư viện Vue.js
Xem tất cả

Học Hệ thống Mạng

  • Hướng dẫn Cấu hình DHCP và Routing Remote Access
  • Hướng dẫn tạo Organizational Unit - Domain Group & User - Join Domain
  • Nghẽn băng thông mạng LAN
  • Cisco Meraki - Kiến trúc hạ tầng mạng tiên tiến có một không hai
  • Hướng dẫn chia sẻ dữ liệu giữa máy thật và máy ảo trên VirtualBox
  • Hướng dẫn cách copy và paste giữa máy thật và máy ảo trên VirtualBox
  • Phần mềm tạo máy ảo miễn phí và tốt nhất hiện nay
  • Lỗi Hyper-V khi cài đặt VMware Workstation trên Windows 8
  • Khoá không cho Người dùng thay đổi địa chỉ IP
  • VMWARE báo 'VmWare remote file system 2gb limit'
Xem tất cả Đối tác:
  • DotNet Group - Chia sẻ & Kết nối
  • Bảo hành Electrolux
  • Dạy lái xe Ninh Bình
  • Công ty Điện Lạnh Đà Nẵng
Thiết kế bởi DOTNET GROUP.  Hoàn thành giai đoạn I
  • DotNet Group - Chia sẻ & Kết nối

  • LIÊN LẠC
  • CHÍNH SÁCH BẢO MẬT
  • QUY ĐỊNH & ĐIỀU KHOẢN
  • SITEMAP
  • GIỚI THIỆU
  • facebook
  • twitter
  • google
  • media

©2015 DOTNET GROUP. All contents are copyright of their authors.

  • Chinh sách bảo mật
  • Quy định & Điều khoản
  • Giới thiệu

©2023 DOTNET GROUP. All contents are copyright of their authors.

Từ khóa » Sự Kiện Hover Trong Css