CSS(2)
-
[CSS] 반응형 (@media)
위 결과는 가로의 길이가 줄어들면 자동으로 아래로 내려 간다. 이거에 핵심 코드는 // 최대길이를 기준으로 하고 싶으면 max-width // 최소길이를 기준으로 하고 싶다면 min-width 으로 하면 된다. @media (max-width: 800px) { } 아래는 해당 결과값의 풀 코드이다. WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages a..
2021.12.05 -
[CSS] background
.HTML에서 적용할 클래스명 혹은 태그명 { /* 배경의 이미지를 어디서 가져올건지 */ background-image: url("../image/bg.jpg"); /* 배경 이미지 반복 유무 */ background-repeat: no-repeat; /* 배경 이미지의 x좌표 */ background-position-x: center; background-size: cover; /* 배경 이미지를 고정 시킨다. */ background-attachment: fixed; }
2021.09.18