목록Side Project (1)

삶의 공유

[Mini Project] CSS, HTML 활용하여 Mondrian 그림 그리기

안녕하세요. 예제를 활용하여 CSS, HTML 코드에 대해서 익히기 위한 포스팅으로 미니프로젝트를 준비해보았습니다. CSS HTML 코드를 활용해서 Mondrian 그림을 한번 그려보려고 하는데요  먼저 몬드리안은 네덜란드 화가의 이름 입니다. 대표적으로 아래와 같은 작품이 있습니다. 아래 작품의 이름은 빨강, 파랑 노랑의 구성이라는 작품 입니다. 이 작품과 비슷한 작품을 한번 그려보려고 합니다. Layout_ HTML 위 그림와 같은 비슷한 느낌으로 아래와 같은 Layout 구성으로 한번 그려보려고 합니다. 자 처음에 무엇을 해야할까요? 먼저 각각 칸마다의 구성을 위해 div 를 구성해줘야합니다. 왼쪽 상단부터 카운트를 하면 총 9개 입니다. 그럼 이제 9개의 div를 구성하고 각각의 class에 na..
Web Dev/HTML&CSS 2024. 9. 20. 20:00
이전 Prev 1 Next 다음