목록html 그림 (2)

pbj0812의 코딩 일기

[CSS] 몽글이(강아지) 그리기

0. 목표 - 강아지 그리기 - Flow Chart 1. HTML 2. CSS *, *:after, *:before { box-sizing: border-box; } body { background: #A5C2F4; } .dog { position: relative; margin: 50px auto; width: 400px; height: 400px; } .dog .face .face1{ position: absolute; top: 220px; left: 25px; width: 400px; height: 300px; border-radius: 20%; background: #FFFFFF; } .dog .face .face2{ position: absolute; top: 150px; left: 25px; ..
ComputerLanguage_Program/CSS 2021. 3. 28. 23:48
[CSS] 쿼카 그리기

1. 자료수집 2. 스케치 3. html 4. css *, *:after, *:before { box-sizing: border-box; } body { background: #FFFFFF; } .quokka { position: relative; margin: 50px auto; width: 400px; height: 400px; } .quokka .ear .left .ear1{ position: absolute; top: 80px; left: 55px; width: 120px; height: 120px; border-radius: 100%; background: #FFD967; } .quokka .ear .left .ear2{ position: absolute; top: 90px; left: 75px..
ComputerLanguage_Program/CSS 2021. 3. 7. 03:13
Prev 1 Next