CSSでborderにもグラデーションをかけられたらなあと思い、色々試していたらCSS3の背景グラデーションを使って半ば無理矢理線状にすることで線のグラデーションを作ることができた。ちなみに使用条件が割と限られますので汎用性は低いです。 用意するもの ブロック要素 そのブロック要素の擬似要素(今回は::afterを使用) height:1px; -moz-linear-gradient、-webkit-gradient 次のようなHTMLがあったとして、 下線をグラデーションにしたいんだが 下線をグラデーションにする場合、やはり画像を使用するのがベターだろう。何といっても古いUAにも対応できるという点において他の追随を許さない。(中略)だが断る。 「下線をグラデーションにしたいんだが」というh1要素に対して線グラを施してみよう。とりあえず擬似要素(::after)を足して、ブロック要素(d