目次
ディスカッション (解決策) への返信
ホームページ ウェブフロントエンド htmlチュートリアル ログインインターフェイスの入力ボックスに小さなアイコンを追加するスタイルを記述するにはどうすればよいですか? _html/css_WEB-ITnose

ログインインターフェイスの入力ボックスに小さなアイコンを追加するスタイルを記述するにはどうすればよいですか? _html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
小さなアイコン スタイル ログイン 入力


図に示すように、ログインインターフェイスの入力ボックスの左側に小さなアイコンを追加します。CSS スタイルはどのように記述すべきですか?


ディスカッション (解決策) への返信

は次のとおりです

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>.text{border:solid 2px #ccc;width:400px;height:40px;background:url(http://d.lanrentuku.com/down/png/1211/blueberry/user_friend.png) no-repeat 0 center;}.text input{float:left;border:none;background:none;height:40px;line-height:30px;width:100%; text-indent:32px;}</style></head><body><div class="text">	<input type="text"/></div></body></html>
ログイン後にコピー

はまさに私が望んでいた効果です、ありがとうございました!

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Win11 入力エクスペリエンスの無効化ガイド Win11 入力エクスペリエンスの無効化ガイド Dec 27, 2023 am 11:07 AM

Win11 入力エクスペリエンスの無効化ガイド

PlayStation Network へのログインは失敗しますが、インターネット接続は成功します PlayStation Network へのログインは失敗しますが、インターネット接続は成功します Feb 19, 2024 pm 11:33 PM

PlayStation Network へのログインは失敗しますが、インターネット接続は成功します

AADSTS7000112、アプリケーションが無効になっている Microsoft アカウントのログイン エラーを修正 AADSTS7000112、アプリケーションが無効になっている Microsoft アカウントのログイン エラーを修正 Feb 19, 2024 pm 06:27 PM

AADSTS7000112、アプリケーションが無効になっている Microsoft アカウントのログイン エラーを修正

Windows 入力でハングまたはメモリ使用量の増加が発生する [修正] Windows 入力でハングまたはメモリ使用量の増加が発生する [修正] Feb 19, 2024 pm 10:48 PM

Windows 入力でハングまたはメモリ使用量の増加が発生する [修正]

macOS: デスクトップ ウィジェットの色を変更する方法 macOS: デスクトップ ウィジェットの色を変更する方法 Oct 07, 2023 am 08:17 AM

macOS: デスクトップ ウィジェットの色を変更する方法

GeForce Experience のログインがフリーズする [修正] GeForce Experience のログインがフリーズする [修正] Mar 19, 2024 pm 06:30 PM

GeForce Experience のログインがフリーズする [修正]

Wegame でログイン操作が頻繁すぎる問題を解決するにはどうすればよいですか? Wegame でログイン操作が頻繁すぎる問題を解決するにはどうすればよいですか? Mar 14, 2024 pm 07:40 PM

Wegame でログイン操作が頻繁すぎる問題を解決するにはどうすればよいですか?

win7システムにログインするときにデフォルトの画像の背景を変更する方法 win7システムにログインするときにデフォルトの画像の背景を変更する方法 Jun 30, 2023 pm 04:03 PM

win7システムにログインするときにデフォルトの画像の背景を変更する方法

See all articles