動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Stream TypeLIVE
Loaded: 0%
Progress: 0%
0:00
00:00
Mute
Playback Rate
    1
    Subtitles
    • subtitles off
    Captions
    • captions off
    Chapters
    • Chapters
    分割
    • シアター
    • 分割
    • ピクチャ
    • 全画面
    x1.0
    • プレミアム会員になると動画の速度を変更できます
    男性ボイス
    • プレミアム会員になると講義音声を切り替えられます
    HD
    Loaded: 0%
    Progress: 0%
    0:00
    The video could not be loaded, either because the server or network failed or because the format is not supported.

    レッスンで分からないところはありましたか?

    プレミアムプランに登録すると現役エンジニアに質問できます。

    詳しくはヘルプ「質問機能とは?」をご覧ください。

    さて、では前回見たようにこちらの画像にスタイルを設定して、丸い画像にしてみましょう。
    CSS を記述できる箇所はいくつかありますが、今回は今まで見てきた body の中ではなくて、その上の head タグ内に style タグを設置して、その中に書いていきます。

    無料登録するとお試し利用ができます

    無料登録する

    styleタグの中にCSSを書くことで、画像の角を丸めていきます。

    • style
    • border-radius

    このレッスンの問題を報告する

    • Q1

      画像を丸くする時の正しい記法は?(スペルミスに注意しましょう)

      ユーザー登録(無料)をすると
      ミニクイズで理解度をチェックできます

      無料で新規登録

    プレミアムプランに登録すると、わからないところを現役エンジニアに質問できます。

    質問機能とは?

    このレッスンの問題を報告する

    お手本のコードと比較

    をお手本のコードと比較しています。 異なる箇所は赤色で表示されています。 両者のコードに異なる箇所はありません。

    お手本のコード
    
    
    あなたのコード