border-bottom: dottedの間隔を調整する方法をメモ。 border-bottom: 5px dotted blackとかだと、こんな感じになってしまう。 これをドットの大きさはある程度小さくして、間隔だけを調整する方法。background-image: linear-gradient(to right, white 10%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x;これで、うまい感じに間隔だけ開けられる。 linear-gradientの white 10%の部分と、background-size: 8px 1px; の部分を調整すると、dashedっぽいのも出来る。