鼠标划过变色
作者:
小睿同学 | 来源:发表于
2019-05-14 11:27 被阅读0次<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#change {
width: 100px;
height: 100px;
background-color: yellow;
border: 1px solid lightgray;
transition: background-color 1s;
}
#change:hover {
background-color: darkorchid;
}
</style>
</head>
<body>[图片上传中...(1.JPG-590e93-1557804349357-0)]
<div id="change">
<div>
<div>鼠标划过变色</div>
</div>
</div>
</body>
</html>
附上图片

1.JPG
鼠标划过后

2.JPG
本文标题:鼠标划过变色
本文链接:https://www.haomeiwen.com/subject/ofzjaqtx.html
网友评论