ドットの下線。よほどでない限り、border:dotted;で妥協していました。明らかに◎のときは画像にしてたり。しかし今日からは迷わずCSSだけでOK。 radial-gradientを…

紙媒体だとよく使う方眼背景をCSSで実装。linear-gradientを使う場合とrepeating-linear-gradient()を使う場合を考える。 どちらも縦ストライプと横ストライプをba…

CSSだけで背景ストライプを実装するのに便利なrepeating-linear-gradient() リピート用の背景画像をちまちまスライスしていたころが懐かしい。。 「repeating-linea…

マウスホバーで背景色をゆっくり変えるには、transitionで背景色が変わるスピードを調節する

基本 横方向と縦方向は必須。そのほかの※は任意。影の向きは内側にしたい時だけinsetと記述。内と外、両方に影をつけたい場合は、,（カンマ）で区切って両方書く（backgroundと同じ）。 box-…