仕上げのスタイリング
Coddyの「CSSプロジェクト - おしゃれなボタン」コースのレッスン 8/8。
お疲れ様でした！完全にカスタマイズされたおしゃれなボタンが作成できました。
最後に、次のように記述して、ボタンの上にマウスカーソルが置かれたときの表示を変更しましょう。
.fancyButton {
...
cursor: pointer;
}
チャレンジ
簡単ボタンにホバーしたときにポインターカーソルを追加し、お好みの最終的なスタイリングを追加してください。
準備ができたら、コードを実行してプロジェクトを完成させましょう！
後でソリューションを表示して、私たちのボタンがどのように見えるかを確認できます :)
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>