Daily Targets (260120)
코드
<style>
&{
/* html 요소에 줄무니 배경 패턴 적용 */
background: repeating-linear-gradient(90deg,
/* 0 ~ 20px은 갈색, 20 ~ 50px은 아이보리색 */
#AC342E 0 20px,
#FEF6E2 0 50px
/* 중앙에 위치, 배경 패턴 너비는 120px */
) center / 120px repeat-y,
/* 가로 줄무늬 패턴 */
repeating-linear-gradient(
#AC342E 0 20px,
#FEF6E2 0 50px
/* 중앙에 위치, 배경 패턴 너비는 100%, 높이는 120px */
) center / 100% 120px repeat-x #FEF6E2;
*{
/* body 요소를 이용해 원 표현 */
background: #AC342E;
/* margin을 이용해 원 크기 설정 */
margin: 60 110;
border: 60px solid #FEF6E2;
border-radius: 50%;
}
}
</style>