kw-webdesign https://blog.hatena.ne.jp/kw-webdesign/ kw-webdesign’s blog https://kw-webdesign.hatenadiary.jp/ どうも皆さんこんにちは！kwです！ 今回は、HTMLとCSSで目次を作る方法をご紹介していきます！ ウェブサイトを開いたら最初に目につく目次、ちゃんと作っておきたいですよね〜。 是非、今回で目次の作り方を覚えていってください！ 1.おしゃれな目次の作り方 2.目次の項目をクリックしたら指定した部分に飛ぶ方法 2.まとめ 1.おしゃれな目次の作り方 今回目次を作っていくにあたって、<fieldset>というタグと<legend>というタグを使います。 <fieldset>が親要素で、<legend>を小要素として使っていきます。 コードの書き方の例を見てみましょう こんな感じです↓ See th… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkw-webdesign.hatenadiary.jp%2Fentry%2F2022%2F10%2F14%2F215905" title="【HTML&amp;CSS】目次の作り方を紹介！ - kw-webdesign’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-10-14 21:59:05 rich https://kw-webdesign.hatenadiary.jp/entry/2022/10/14/215905 1.0 100%