表題の通り、background-image を使わずに、CSSだけで２色の下線を作る方法です。

 

background-image　を使うと、レスポンシブ・デザインにした場合、レイアウトが崩れたりと不具合が生じるので使いたく無いんですよね。

CSSのコードは、以下の通り。コピペするだけで使えます。後はお好きにカスタマイズして下さい。