ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSの背景画像の属性は何ですか
CSS の背景画像の属性は次のとおりです: 1.background-image; 2.background-repeat; 3.background-position; 4.background-size; 5.background-attachment 。
このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。
(学習ビデオ共有: css ビデオ チュートリアル)
一般的な画像属性は次のとおりです:
1. 背景画像の挿入
background-image:url(位置及名称); //默认在父级元素内的左上角
2. 背景のタイリング方法
background-repeat:no-repeat; //不平铺
3. 背景の位置
background-position:right bottom; //横向在右边,纵向在下边,即右下角 center center; //位于中心 center right; //中间靠右 100px 200px; //靠左100 靠上200
4. 背景のサイズ
background-size:cover/contain/100% 100% 等比例缩放(铺满即可)/包含在里面/按盒子大小缩放
注: IE の以前のバージョンでは、背景のサイズがサポートされていません
5. 背景の表示方法
background-attachment:scroll//随屏幕滚动 fixed//固定在可视区域,注意:此时的位置是相对于可视区域的 (fixed:这里有一个兼容性性的问题,在IE6中,只有html和body支持这个属性)
関連する推奨事項: CSS チュートリアル
以上がCSSの背景画像の属性は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。