CSSで二重線を引く方法！borderの色＆太さを自在に調整するには？ ｜ 向壁虚造

WEBデザインでは、何らかの要素を強調するために二重線を使うシーンが多々あります。 今回は、二重線を引くための基本的なテクニックをまとめました。 また記事の後半では、二重線をカスタマイズする方法もご紹介します。 例えばCSSでは、以下のような細かい調整も可能です。 すべてサンプルコードを添えて解説するので、初心者の人はコピペだけでもOKです。 １．CSSで二重線を引くための５つの方法 CSSで二重線を引くための方法は、実は一つだけではありません 例えば、以下の５つの方法が一般的です。 borderにdoubleを指定する ⇒ スピーディ・簡易的outlineにdoubleを指定する ⇒ スピーディ・簡易的疑似要素で表現する ⇒ カスタマイズ向け・おすすめbox-shadowを応用する ⇒ スピーディ・カスタマイズ向け・おすすめ要素を入れ子にする ⇒ カスタマイズ向け 各方法にはメリット・デ