css样式控制鼠标滑过显示

最新推荐文章于 2022-08-16 23:00:42 发布

diaoshi6286

最新推荐文章于 2022-08-16 23:00:42 发布

阅读量115

点赞数

原文链接：http://www.cnblogs.com/dazhangli/p/5855746.html

版权

<!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;width: 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-width: 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>

转载于:https://www.cnblogs.com/dazhangli/p/5855746.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

diaoshi6286

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css样式控制鼠标滑过显示

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{margin: 0; padding: 0;font-...
复制链接

扫一扫