見出しデザイン（左二本線） <h2>見出しデザイン（左二本線）</h2> h2 { padding: 1rem 2rem; border-left: 6px double #000; } イメージ 見出しデザイン（左二本線） h5 { padding: 1rem 2rem; border-left: 6px double #000; }

見出しデザイン（左破線） <h2>見出しデザイン（左破線）</h2> h2 { padding: 1rem 2rem; border-left: 4px dashed #000; } イメージ 見出しデザイン（左破線） h5 { padding: 1rem 2rem; border-left: 4px dashed #000; }

見出しデザイン（左点線） <h2>見出しデザイン（左点線）</h2> h2 { padding: 1rem 2rem; border-left: 4px dotted #000; } イメージ 見出しデザイン（左点線） h5 { padding: 1rem 2rem; border-left: 4px dotted #000; }

見出しデザイン（左線） <h2>見出しデザイン（左線）</h2> h2 { padding: 1rem 2rem; border-left: 4px solid #000; } イメージ 見出しデザイン（左線） h5 { padding: 0.5rem 1rem; border-left: 4px solid #000; }

見出しデザイン（下二本線） <h2>見出しデザイン（下二本線）</h2> h2 { border-bottom: 6px double #000; } イメージ 見出しデザイン（下二本線） h5 { border-bottom: 6px double #000; }

見出しデザイン（下破線） <h2>見出しデザイン（下破線）</h2> h2 { border-bottom: 3px dashed #000; } イメージ 見出しデザイン（下破線） h5 { border-bottom: 3px dashed #000; }

見出しデザイン（下点線） <h2>見出しデザイン（下点線）</h2> h2 { border-bottom: 3px dotted #000; } イメージ 見出しデザイン（下点線） h5 { border-bottom: 3px dotted #000; }

見出しデザイン（下線） <h2>見出しデザイン（下線）</h2> h2 { border-bottom: 3px solid #000; } イメージ 見出しデザイン（下線） h5 { border-bottom: 3px solid #000; }