<!DOCTYPE html><html><head> <title>下拉式功能表執行個體</title> <meta charset="utf-8"> <style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; } .dropdown:hover .dropdown-content { display: block; } </style></head><body><h2>滑鼠移動後出現下拉式功能表</h2><p>將滑鼠移動到指定元素上就能看到下拉式功能表。</p><p class="dropdown"> <span>滑鼠移動到我這！</span> <p class="dropdown-content"> <p>php中文網</p> <p>www.php.cn</p> </p></p></body></html>
相關文章：
CSS 下拉式功能表
CSS 下拉式功能表詳解
簡單帶底線跟隨效果的CSS3下拉式功能表特效
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
