【CSS】box-shadowを使って要素に影をつけてみよう!(基本編)
box-shadowで要素に影をつける基本的な方法です。影の方向やぼかし具合を調整して、デザインに立体感を加える方法を実践します。
box-shadowで要素に影をつける基本的な方法です。影の方向やぼかし具合を調整して、デザインに立体感を加える方法を実践します。
サイト全体で使いたいscriptなど色々なシチュエーションに対応する為にjsを「外部ファイル」にして読み込んで使ってみましょう!
自分で組むと難しいWebデザインも自由にできちゃうノーコードWeb制作プラットフォームStudio。新規設定してみましょう!
<footer>はHTMLページで下部に表示されるフッターを表す要素です。通常はコピーライト、連絡先、会社名、著作権情報、サイトマップなどが含まれます。
window.openメソッドはJavascriptのオブジェクトメソッドで、新しいウィンドウやタブを開く為に使用します。
VSCodeのデフォルト設定は英語になっていますので、拡張機能で日本語化して使いやすくしましょう!
コンテンツのヘッダーには<header>要素を使ってグループを作ります。<header>要素内には通常見出しのhタグ(<h1>~<h6>)を含みますが必須ではありません。
<a>タグ(アンカー要素)は、リンクを作成するために使います。webサイトのページ、ファイル、メールアドレス、電話番号、特定のページ内の場所にリンクを張ることができます。
コーディングする際は見やさが非常に重要。VS Codeも当然見やすいに越したことはありません。配色テーマを変更して使いやすい色を設定しましょう!
CSSのlist-style-typeを使ってol・liの順序付きリストのマーカーを変えてみよう!