コンポーネントに背景画像コントロールを追加するには、次の 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ログを分割します
>>: ツールベースのウェブサイトの考察: ツールベースのウェブサイトの定義と典型的なケース分析 (写真とテキスト)
インストール環境: CentOS7 64ビットMINI版、MySQL5.7をインストール1. YUM...
React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。F...
目次1. Redis Dockerベースイメージを作成する2. Redisノードイメージを作成する3...
Linux でディレクトリを切り替えるとなると、誰もが間違いなくcdコマンドを思い浮かべるでしょう。...
効果確認アドレス:ツアープラン(uplanok.com) コード: img{幅: 100%;境界線の...
目次1. 正規表現の作成2. 使用モード2.1 シンプルモードの使用2.2 特殊文字の使用3. 応用...
この記事では、jQueryのクリック時のラブエフェクトの具体的なコードを参考までに共有します。具体的...
MySQL公式サイトのzipファイルのダウンロードリンク https://dev.mysql.co...
レイアウトにul>liを使用した単一行レイアウトを以下に示します。 <ul class=...
ただし、デフォルトの src を持つ <img> 要素を使用してスクロール読み込み効果を...
詳細な手順は次のとおりです。 1. ディスク容量を確認します。 [root@localhost バッ...
現在、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証および処理するために j...
1. mysqldump の紹介mysqldump は、MySQL に付属する論理バックアップ ツー...
この記事では、vueの大画面表示適応の具体的なコードを参考までに紹介します。具体的な内容は以下のとお...
1. package.jsonに追加する "メイン": "electr...