背景属性の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 スタイルの読み込みの優先順位に関する経験の共有
推薦する
iconfontアイコンライブラリをvueに導入するエレガントな実践記録
目次序文SVGを生成するSVGスプライトの紹介プロジェクトアイコンを取得するプロジェクトのセットアッ...
MySQL における一般的な高度な SQL ステートメント
MySQL 高度な SQL ステートメント kgc を使用します。 テーブルlocation(Reg...
win10 での mysql5.7.21 の詳細なインストール手順
この記事では、MySQL 5.7.21のインストールとインストール中に発生した問題を参考までに紹介し...
Keepalived を使用して Nginx の自動再起動とデュアルアクティブ ホットスタンバイの高可用性を実現する方法について
目次1. 概要2. Keepalivedを使用してNginxを自動的に再起動する2.1 シェルスクリ...
便利なモバイルスクロールプラグイン BetterScroll
目次スクロールをスムーズにするBetterScrollのスクロール体験慣性ローリングエッジリバウンド...
MySQLデータベース移行におけるデータ文字化けの問題を解決する
リーダーの指示のもと、Java プロジェクトを引き継ぎ、リファクタリングを行う必要がありました。同時...
SQL IDENTITY_INSERT ケーススタディ
一般的に、データ テーブル内の列を ID 列として設定すると、ID 列の表示値を手動で ID 列に挿...
VueはPCカメラを呼び出して写真機能を実現します
この記事の例では、VueがPCカメラを呼び出して写真機能を実現する具体的なコードを参考までに共有して...
CSS における @ の使用法の概要 (例と説明付き)
@ ルールは、CSS の実行または動作に関する指示を提供する宣言です。各宣言は @ で始まり、その...
Web デザイナーにはどのような知識体系が必要ですか?
製品設計者は、複雑で大規模な製造システムと多様な市場に直面しているため、知識体系には幅広さと深さの両...
見落とされがちなMETAタグの特殊効果（ページ遷移効果）
Web デザインで js を使用すると、多くのページ効果を実現できますが、HTML タグの META...
docker redis5.0 clusterの実装 クラスタ構築
システム環境: Ubuntu 16.04LTSこの記事では、6 つの Docker コンテナを使用し...
CSS 3.0とビデオを組み合わせることでクリエイティブなオープニング効果を実現
CSS 3.0 とビデオを組み合わせて実現したクリエイティブなオープニングをご紹介します。効果は次の...
測定画像HTTPリクエスト
一般的なブラウザでテスト ページを開き、Fiddler で http リクエストを表示してください。...
MySQL のインストール方法と設定に関するいくつかの問題の概要
1. MySQL rpm パッケージのインストール # インストールソースをダウンロードします [r...