# background-size

10개의 포스트
post-thumbnail

css trick을 이용한 프로그레스 애니메이션

background: linear-gradient() 을 이용하여 프로그레스 바 애니메이션을 구현하였습니다.

2023년 8월 30일
·
0개의 댓글
·
post-thumbnail

0728

z-index는 값이 클수록 화면의 전면부에 위치하게 해주는 속성각각의 이벤트를 위한 버튼 3개와 <div>상자 3개 생성각 <div>상자의 배경색을 부여하고 이를 겹치게 위치그러나 z-index 값이 큰 클래스가 가장 전면에 위치(z-index 값은 연속적

2023년 7월 29일
·
0개의 댓글
·
post-thumbnail

background-image (3줄 세트)

위 코드 세 가지를 작성해야 이미지가 정가운데로 정확하게 나옵니다.

2023년 4월 4일
·
0개의 댓글
·

background-image

👉 img 콘텐츠와 밀접한 연관이 있는 이미지 사용 시에 적합 부분에 이미지 설명을 넣어 웹 접근성을 준수할 수 있다. 이미지 설명이 h2, p, span 등의 태그로 기재된다면, 뒤의 을 삭제하여 '이미지 설명 제공하지 않는다.' 라는 의미인 로만 작성하면

2023년 2월 27일
·
0개의 댓글
·

[CSS] 배경 꾸미기 2-8

background-repeat 속성 background-repeat : repeat(많이 사용) no-repeat repeat-x repeat-y space round repeat space round no-repeat space round repeat 값 기본값

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

CSS 속성 (3)

ex.(이미지는 내가 좋아하는 영화 주토피아의 캐릭터 주디이다.)이 때 배경색상은 기본적으로 배경이미지 뒤에 출력되는 것을 볼 수 있다.repeat-x를 사용하면 수평으로'만' 반복하고repeat-y를 사용하면 수직으로'만' 반복한다.background-image의 기

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

CSS _ background

!youtubecJdsYVECxZYCSS를 이용하면 엘리먼트의 배경을 지정할 수 있습니다. 여기서는 배경과 관련된 중요속성들을 알아봅니다. background-color : redbackground-image : url("bg.png")background-repeat

2022년 4월 22일
·
0개의 댓글
·

20211005 TIL

내일배움캠프 23일차

2021년 10월 5일
·
0개의 댓글
·
post-thumbnail

img tag VS background-image ?

img태그로 이미지를 넣을 경우와 css의 background-image로 이미지를 넣을 경우 그 차이가 없다.그런데 <div><backgroud-image:></div>를 개발자들은 왜 쓸까?<div><backgroud-image:><

2020년 4월 26일
·
0개의 댓글
·