viewsCSS「box-shadow」を使った複数の線のひき方を紹介します。目次はじめに複数の線のひき方まとめはじめにbox-shadowを使って、線を引くことができます。1つのbox-shadowで複数指定することもできますので、ご紹介します。複数の線のひき方サンプルを紹介する前に、box-shadowの使い方を簡単におさらいします。#カラーコードの順に指定します。サンプルをみてみましょう。サンプル1ボックの内側(insetを使う)に、外側の線からから順に指定しています。「,(カンマ)」で区切ることで、複数の指定ができます。inset;}サンプル23色ラインを線状にひいています。box-shadowのたて方向の部分の数値だけ調整して、水平方向に伸びるようになっています。注意点として、一色目だけborderで指定しています。#A3CEC9;}まとめいかがでしたか?変わった使い方ですが、こういうこともできるんだなと知識の引き出しに入れてもらえたら幸いです。マスターしよう!見ながら覚えよう!positionプロパティ「absolute」と「relative」についてのお話CSSの【float】についてちょっと本気出して説明してみた。CSSの【float】についてちょっと本気出して説明してみた。しこのブログはWebコンテンツ総合製作の「ふたっぱ!」が運営しています。