背景属性の8つの属性値の詳細解説（面接の質問）
|
CSSの背景プロパティの値
複合プロパティ: 背景: background-color background-image background-repeat background-position background-attachment
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8">
<タイトル></タイトル>
<スタイル>
*{
マージン: 0;
パディング: 0;
}
.pic{
幅: 300ピクセル;
高さ:400px;
境界線: 20px 破線の水色;
パディング: 30px;
/* 背景色:#f90;
背景画像:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603882574342&di=e
出典: tiankong.com
背景繰り返し: 繰り返しなし;
背景位置: 50% 50%;
背景添付: 固定; */
背景:#f90 url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603882574342&di=e
（fe3283a838eef10140bcab16bf06371&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2F8i%2Fzu%2FQJ6411171137.jpg）
繰り返しなし 50% 50% 固定;
背景サイズ: 100px 100px;
背景の原点: 境界線ボックス;
背景クリップ: コンテンツボックス;
}
</スタイル>
</head>
<本文>
<div class="pic"></div>
</本文>
</html>背景属性の8つの属性値（面接の質問）に関するこの記事はこれで終わりです。より関連のある背景属性値の内容については、123WORDPRESS.COMの以前の記事を検索するか、以下の関連記事を引き続き閲覧してください。皆様、今後とも123WORDPRESS.COMを応援してください！ |
<<: localStorageの有効期限を設定するいくつかの方法
>>: CSS スタイルの読み込みの優先順位に関する経験の共有
推薦する
CentOS システムのディスク パーティションを拡張する方法
問題/障害/シナリオ/要件Eve-ng の仮想マシン OVA のハードディスクは 38G しかないた...
JSはUUIDとNanoIDというユニークなIDメソッドを生成します
目次1. NanoIDがUUIDに取って代わる理由2. jsを生成する方法3. ナノID方式序文：ユ...
セマンティック HTML タグの紹介
ここ数年、ウェブサイト開発では DIV+CSS が非常に人気があり、当時は大きな騒動を引き起こしまし...
HTML 基本要約推奨事項 (タイトル)
HTML: タイトル見出しは <h1> - <h6> などのタグによって定...
JavaScript マクロタスクとマイクロタスク
マクロタスクとマイクロタスクJavaScript はシングルスレッド言語です (マルチスレッドの場合...
Vue3 手動カプセル化ポップアップ ボックス コンポーネント メッセージ メソッド
この記事では、ポップアップボックスコンポーネントメッセージのVue3手動カプセル化の具体的なコードを...
Tomcat ディレクトリ構造の詳細な紹介
tomcat の解凍されたディレクトリを開くと、次のディレクトリ構造が表示されます。 1.Tomca...
中国語と英語のフォント名の比較表（FounderとArphicを含む）
CSS ファイルでは、フォント名が文字化けしていることがよくあります。これは、作成者が中国語フォン...
最適なウェブページ幅とその互換性のある実装方法
1. Web ページをデザインするときに、幅を決定するのは非常に面倒な作業です。 jb51.net ...
Mac に mysql5.7 をインストールするための完全な手順 (画像とテキスト付き)
最近、Mac システムを使用して、ローカル Web サーバー環境を構築する準備をしていました。 Ma...
MysqlクエリJSON結果に関連する関数の概要
JSON 形式のフィールドは、MySQL 5.7 で追加された新しい属性ですが、基本的には文字列とし...
uni-app で scss を使用するサンプル コード
遭遇した落とし穴私は午後中ずっと、uni-app で scss を使用する際の落とし穴を解決すること...
「さらに表示」ボタンによる複数行テキストの切り捨てに関する考察
最近、たまたまこの小さな要件に遭遇しました。昔、JS を使用してこれを処理したことを覚えていますが、...
React における useEffect と useLayoutEffect の違い
目次前提条件使用効果コミット前ミューテーション効果コミットミューテーション効果コミットレイアウト効果...
ReactでのsetStateの使用と同期と非同期の使用
React では、this.state を使用して状態を直接変更しても、コンポーネントは再レンダリン...