背景属性の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 スタイルの読み込みの優先順位に関する経験の共有
推薦する
ARMアーキテクチャにおける関数呼び出しプロセスの簡単な分析
目次1. 背景知識1. ARM64レジスタの紹介2. STP命令の詳しい説明（ARMV8マニュアル）...
要素フォーム検証で検証プロンプトをクリアする方法
目次問題のシナリオ:解決： 1. フィールドを個別にチェックする2. フォームフィールドの下のフィー...
Docker Swarmの概念と使用法の詳細な説明
Docker Swarm は、Docker によって開発されたコンテナ クラスター管理サービスです。...
Flask アプリケーションの Docker デプロイ実装手順
1. 目的Flask アプリケーションをローカルで作成し、Docker でパッケージ化し、独自のサー...
CSS3 で六角形の境界線を実装するサンプルコード
一番外側の boxF は 120 度回転し、2 番目の boxS は -60 度回転し、3 番目の ...
nginx を使用して特定のインターフェース (URL) をブロックする方法
1. はじめに場合によっては、Web プラットフォームがオンラインになった後、サービス インターフェ...
ログインインターフェースの使いやすさとセキュリティのバランスをとる方法
ウェブデザイナーでもUIデザイナーでも、ログインページや登録ページのデザインは必ず経験しなければなら...
Tomcatc3p0 で jnid データ ソースを構成する 2 つの実装方法の分析
c3p0の使用c3p0jarパッケージをインポートする <!-- https://mvnrep...
MySQLインデックスが失敗するいくつかの状況の詳細な分析
1. 先頭のあいまいクエリではインデックスを使用できません (「%XX」や「%XX%」など)コード値...
Linux の vsftpd サービス構成の簡単な分析 (匿名、ユーザー、仮想ユーザー)
vsftpd の概要vsftpd は「very secure FTP daemon」の略称で、セキ...
Alibaba Cloud centos7にmysql8.0.22をインストールする詳細なチュートリアル
1. MySQLインストールパッケージをダウンロードするまず、https://dev.mysql.c...
CentOS サーバーのセキュリティ構成戦略
最近、ブルートフォース攻撃によるサーバのクラッキングが頻発しています。侵入行為を大まかに分析し、よく...
ウェブデザイナーが知っておくべき効率的なナビゲーションデザインの3つの原則
ウェブサイトのナビゲーションを設計することは、家の基礎を築くようなものです。基礎がしっかりしていなけ...
Vue開発の一般的な手法の詳細な説明
目次$nextTick() $forceUpdate() $セット() .sync——2.3.0 以...
React コードを共有するためのベストプラクティス
プロジェクトがある程度複雑になると、必然的にロジックの再利用の問題に直面することになります。 Rea...