CSS單擊跳轉頁面
<!DOCTYPE html> <html> <head> <title>CSS單擊跳轉頁面</title> <style> /* 定義鏈接樣式 */ a { color: #000; font-weight: bold; text-decoration: none; border-bottom: 2px solid #000; } /* 定義鼠標懸浮樣式 */ a:hover { border-bottom-color: #f00; transition: border-bottom-color 0.3s ease-out; } </style> </head> <body> <!-- 點擊鏈接跳轉頁面 --> <p><a >百度一下,你就知道</a></p> </body> </html>
CSS單擊跳轉頁面是常用的網頁鏈接方式,在HTML中使用標簽定義鏈接,CSS可以用來美化鏈接樣式、鼠標懸浮效果等。以上代碼演示了如何使用CSS定義鏈接樣式和鼠標懸浮樣式。其中,標簽的href屬性指定鏈接的目標頁面地址。通過點擊標簽,用戶可以跳轉到指定的頁面。