💻 JSFiddle 열기
이미지를 배경에 사용하기
아래의 이미지로 둥근 프로필 요소를 만들어보세요!
div.outer>div.with-bg
.outer {
width: 200px; height: 200px;
}
.with-bg {
height: 100%;
}
배경에 그라데이션 넣기
<div></div>
div {
width: 200px; height: 200px;
background:
linear-gradient(217deg, red, transparent 70%),
linear-gradient(127deg, lime, transparent 70%),
linear-gradient(336deg, blue, transparent 70%);
}