zoukankan      html  css  js  c++  java
  • css样式控制鼠标滑过显示

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<style type="text/css">
    	*{margin: 0; padding: 0;font-family:arial;}
    	.messdiv{position: relative; 150px; height: auto;font-size: 14px;margin: 20px 0 0 20px;}
    	.selecshow{display: none;position: absolute;border: 1px solid #ccc; box-shadow: 0px 8px 16px 0px #666;padding: 10px;min- 140px;line-height: 30px;}
    	.messdiv:hover .selecshow{display: block;}
    	</style>
    	<body>
    		<div class="messdiv">
    			<span>鼠标划我显示下拉信息</span>
    			<div class="selecshow">
    				<p>下拉信息1</p>
    				<p>下拉信息2</p>
    			</div>
    		</div>
    	</body>
    </html>
    

      

  • 相关阅读:
    宿舍助手app——个人工作第四天
    宿舍助手app——个人工作第三天
    对QQ输入法的评价
    冲刺9
    冲刺8
    冲刺7
    冲刺6
    冲刺5
    冲刺4
    冲刺3
  • 原文地址:https://www.cnblogs.com/dazhangli/p/5855746.html
Copyright © 2011-2022 走看看