Menu
CoddyTech

最终样式

Coddy CSS 项目:炫酷按钮 课程的第 8 课,共 8 课。

做得好,你创建了一个完全自定义的精美按钮!

最后,我们想使用以下代码修改悬停在按钮上方时的光标,

.fancyButton {
	...
	cursor: pointer;
}
challenge icon

挑战

简单

将鼠标悬停在按钮上时显示指针光标,并添加你想要的任何最终样式。

准备好后,运行代码并完成项目!

之后你可以查看答案,看看我们的按钮是什么样子 :)

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
    </body>
</html>

CSS 项目:炫酷按钮中的所有课

自己练习: Web 在线编辑器