repeat-xとscroll background-imageの長さと位置を設定する方法は？

Question

私は背景イメージを設定する必要があります。入力値の下の赤い線です。

background-attachment:scroll; 
background-color:#FFFFFF; 
background-image:url("../images/errorLine.gif"); 
background-position:left bottom; 
background-repeat:repeat-x; 

入力値は "123; 456; 789;"のようです。赤い線はすべての文字列をカバーし、その長さは入力幅と同じです。

"456;"の下の赤い線のみを作成する方法はありますか？？

CSSでこれを行うにはどうしますか？

ありがとうございます。

敬具、

Ryanivanka

Answer 1

私は、これは何が必要です全くわからないんだけど、なぜborder-bottomを使うのか？

123 <span style="border-bottom: 1px red solid">456</span> 789 

display: inline要素の場合、境界線は常にテキストの下にあり、行を折り返します。