コンポーネントに背景画像コントロールを追加するには、次の 2 つの手順だけが必要です。 <表示 className="ギフト" スタイル={{ 背景: `url(${baseUrl}starMove/exclusiveEntrance/card.png) 繰り返しなし`, 背景サイズ: '100% 100%', }} > <View classname="ギフトリスト"></View> </表示> 背景と背景サイズを設定します。 スタイル={ 幅: 100%; 高さ: 100%; } ps: CSSファイルを使用して背景画像のサイズをdivのサイズに合わせる方法は次のとおりです。 背景画像属性 background-size: cover; を設定すると、背景画像を div のサイズに合わせて調整できます。 background-size には 3 つのプロパティがあります。
要約する CSSでdiv背景画像を設定する実装コードに関するこの記事はこれで終わりです。CSS div背景画像に関するより関連性の高いコンテンツについては、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも123WORDPRESS.COMをよろしくお願いいたします。 |
<<: Tomcat8はcronologを使用してCatalina.Outログを分割します
>>: ツールベースのウェブサイトの考察: ツールベースのウェブサイトの定義と典型的なケース分析 (写真とテキスト)
yum で vsftpd をインストールします [root@localhost など]# yum -...
ミニプログラムはユーザーの個人情報を収集してアップロードしましたが、拒否されました。こんにちは、ミニ...
この記事では、カレンダー効果を実現するためのBootstrap+Jqueryの具体的なコードを参考ま...
序文Linux には Windows のような目立つごみ箱がないため、簡単に復元することはできません...
ウェブ上でチャートを描くための 9 つの優れた JavaScript フレームワーク スクリプト 1...
1. 分散ストレージシステムの概要情報技術の継続的な発展により、利便性がもたらされる一方で、データ量...
目次1. 直接譲渡2. 浅いコピー3. ディープコピー1. JSONオブジェクトメソッド2. 再帰コ...
目次1. 実施プロセス2. オブザーバーを表示する3. ウォッチャーを実装する4. コンパイルを実装...
Docker は 2013 年のリリース以来、広く注目され、ソフトウェア業界を変える可能性を秘めてい...
この記事の例では、検証コードの動的干渉を実装するためのjsの具体的なコードを共有しています。具体的な...
1 インストールMYSQL 公式サイトから対応する解凍バージョンをダウンロードし、必要なディレクトリ...
現在の要件は、ファイルのアップロード ボタンがあることです。ボタンをクリックすると、アップロードする...
この記事の例では、モバイル紅包雨機能ページを実現するためのHTMLの具体的なコードを共有しています。...
この記事では、画像の切り取りとアップロードを実装するためのvue-cropperコンポーネントの具体...
1. スケジュールタスクを作成する命令crontab -eは現在のユーザーの編集インターフェースに入...