Menu
Coddy logo textTech
学習を始める
flag Ja icon日本語down icon

クラス：メディアボタン

Coddyの「Coddy プロフィールカードのクローン | フロントエンドプロジェクト」コースのレッスン 6/26。

challenge icon

チャレンジ

簡単

クラス "media-buttons" の中に以下を作成します：

  1. 同じクラス名 'link' を持つ3つのアンカータグ（）を作成します。
  2. 各アンカータグの中に、1つのアイコンタグ（）を作成します。

  3. アイコンタグに以下のクラスを付与します：

    1. 1つ目 

    2. 2つ目 

    3. 3つ目

    （これらのクラスは、Boxiconsからアイコンを取得するために非常に重要です。）

自分で試してみよう

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Coddy プロフィールカードのクローン | フロントエンドプロジェクトのすべてのレッスン

1はじめに

はじめに

4CSS - II

クラス text-dataプロジェクトレッスン名前と職業プロジェクトレッスンメールIDプロジェクトレッスンメディアボタンプロジェクトレッスンクラス linkプロジェクトレッスンクラス buttonsプロジェクトレッスンさらに良くするプロジェクトレッスン

2HTML

セットアップアウタープロジェクトレッスンクラス：角丸と画像プロジェクトレッスンクラス：テキストデータプロジェクトレッスンクラス：メディアボタンプロジェクトレッスンクラス：ボタンプロジェクトレッスンクラス：アナリティクスプロジェクトレッスン

5CSS - III

クラス analyticsプロジェクトレッスンクラス edit-optionプロジェクトレッスンhrタグプロジェクトレッスン

3CSS - I

ユニバーサルタグプロジェクトレッスンBodyタグプロジェクトレッスンクラス profile-cardプロジェクトレッスンクラス cornersプロジェクトレッスンクラス proプロジェクトレッスンアイコンプロジェクトレッスンクラス imageプロジェクトレッスンクラス profile-imgプロジェクトレッスン

自分で練習してみよう: Webプレイグラウンド