<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业1</title>
<style>
div{
width: 800px;
height: 30px;
background: #2c2a2a;
text-align: center;
border: 1px solid #2c2a2a;
border-radius: 15%;
box-shadow: 10px 10px 10px gray;
}
span:hover{text-shadow: 10px 10px 10px white;
background-color: red ;
}
span{
color: white;
text-align: center;
margin: 40px 20px;
text-shadow: 10px 10px 10px white;
}
</style>
</head>
<body>
<div>
<span>游戏1</span>
<span>游戏2</span>
<span>游戏3</span>
<span>游戏4</span>
<span>游戏5</span>
<span>游戏6</span>
<span>游戏7</span>
<span>游戏8</span>
<span>游戏9</span>
</div>
</body>
</html>
web前端基础2
最新推荐文章于 2024-10-02 13:25:04 发布