[クイックキャンパスレッスン後記]フロントエンド100%返却課題27回
background-repeat
div {
background-image: url(/image.jpg);
background-repeat: no-repeat; /* 반복 수행 X */
}
background-position
使用方法
background-position: 방향1 방향2;
/* 순서를 바꿔도 된다 */
background-position: 방향2 방향1;
/* center 일 경우 한번만 써도 됨 */
background-position: center;
background-position: x축 y축;
/* 순서를 바꾸면 안됨 */
background-position: 50px bottom
background-position: left 50px
background-attachment
background-attachment: fixed
background-attachment: local
<div class="container">
<div class="for-scroll"></div>
</div>
.container {
width: 400px;
height: 500px;
background-image: url("...");
background-attachment: local;
}
.for-scroll {
height: 200px;
}
フロントエンドオールインワンパッケージショートカット->https://bit.ly/3m0t8GMReference
この問題について([クイックキャンパスレッスン後記]フロントエンド100%返却課題27回), 我々は、より多くの情報をここで見つけました https://velog.io/@ji-yeong/패스트캠퍼스-수강-후기-프론트엔드-인강-100-환급-챌린지-27회차-미션テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol