18910140161

Css

首页 >> 前端开发 >> Css

CSS设置div样式（鼠标悬浮效果）

顺晟科技

2022-09-15 21:13:48

254

CSS设置div上鼠标悬浮特效、div居中显示以及调整div间距

一. 样例展示

　　　

二. 源码

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
	.day{
		border-radius: 10px;
		box-shadow: 0 0 20px 2px rgb(0 0 0 / 40%);
		transition:0.3s;
		padding:50px;
		width:700px;
		margin:0 auto;
	}
	.day{
		margin-top:10px;
	}
	.day:hover{
		box-shadow: 0 1px 2px rgba(0,0,0,.1);
	}
	
</style>
</head>

<body>
	
	<div class="day">
		123
	</div>
	<div class="day">
		456
	</div>
	
</body>
</html>

　　

上一篇：【HTML】改变鼠标样式图片css 下一篇：CSS——鼠标样式
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！