CSSでテキストボックスを美しくしてください、助けてください、code_html/css_WEB-ITnoseを教えてください

専門家の助けを借りて、CSSとdivを使用して次のテキストボックスを実装してください

ディスカッションに返信（解決策）

このテキストボックスを作成するにはどうすればよいですか？皆さん、アドバイスをお願いします

divベースマップとして画像を使用し、その中に入力を入れてください

テキストボックスがそのように固定されるため、この方法は機能しません。
テキストボックスは右に拡張できるものにする必要があります

テキストボックスがそのように固定されるため、この方法は機能しません。
テキスト ボックスは右に拡張できるものである必要があります。
質問したいのですが、テキスト ボックスに複数の写真を追加できますか?
div ベースマップに画像を使用し、入力を入力します

スパンまたは div の最下位レイヤー + 背景画像.. テキストの境界線 = 0; オフセットを設定します..ok

テキストボックスが画像の上に重ねられます
ダメです

このように書くことができます。 div を作成し、その背景画像を左側に表示するように設定し、div の中央にスパンを配置して、右側に背景画像を表示し、その中央に入力を配置します。スパン。 。 。 。

入力の背景としてより適切なテキスト ボックスを描画し、border: 0 を設定します。背景の位置が調整されたら、問題ないはずです

ベース画像には長い青いバーを使用し、他のテキストには入力スパンを使用します. 背景を白に設定します。長さは調整可能です

「意味を伝えるためにテキストを右に拡張する」という意味がよくわかりません。外側の div を作成し、入力に対して透明なスタイルの背景:なしを作成します。