擬似要素を使ってコンテンツを作ろう|CodeLesson(コードレッスン)|プログラミング学習サービス

入門レッスン

擬似要素を使ってコンテンツを作ろう

CSSの擬似要素を用いた装飾とコンテンツ生成の方法を学ぶコースです。タイトルやリストにユニークなデザインを加え、ユーザー体験を向上させます。

目安:30分

スキル一覧

::before, ::after

content

transform

list-style

border

border-[各種]

border-[上下左右]

達成率：

0%

タイトルをスラッシュで囲んで強調しよう

はじめる

タイトルを装飾して目立たせよう

はじめる

箇条書きのマーカーを▶︎に変えよう

はじめる

箇条書きのマーカーを＞に変えよう

はじめる

ふきだしを作って文章を会話風にしよう

はじめる

見出しに斜めデザインを表示させよう

はじめる

画像に台形デザインを表示させよう

はじめる

クイズで振り返ろう

総復習クイズ

擬似要素を使ってコンテンツを作ろう

9問

0分