Div鼠标移动效果

最新推荐文章于 2022-09-24 20:39:15 发布

keithq

最新推荐文章于 2022-09-24 20:39:15 发布

阅读量415

点赞数

本文链接：https://blog.csdn.net/keithq/article/details/39614049

版权

模仿效果

<img src="https://img-blog.csdn.net/20140927193443849?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva2VpdGhx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<style>
			div {width: 100px; float: left;

<span style="white-space:pre">				</span>border: 1px solid red;line-height: 30px;

<span style="white-space:pre">				</span>text-align: center;cursor: default}
			div:hover{border: 1px solid blue;<span style="color: rgb(117, 224, 242); font-family: Consolas; font-size: 15px; "><em>border-bottom</em></span><span style="font-family: Consolas; font-size: 15px; color: rgb(249, 249, 245);">: </span><span style="color: rgb(117, 224, 242); font-family: Consolas; font-size: 15px;">none</span><span style="font-family: Consolas; font-size: 15px; color: rgb(249, 249, 245);">;</span><span style="color: rgb(117, 224, 242); font-family: Arial, Helvetica, sans-serif;">}</span>
		</style>
	</head>
		<div class="">
			aaaa
		</div>
		<div class="">
			aaaa
		</div>
		<div class="">
			aaaa
		</div>
		<div class="">
			aaaa
		</div>
		<div class="">
			aaaa
		</div>
	<body>

	</body>

</html>

keithq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Div鼠标移动效果

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> div {width: 100px; float: left; border: 1px solid red;line-height: 30px; text-align: center;
复制链接

扫一扫