codepen (2) 썸네일형 리스트형 [#. CodePen] HTML, CSS, JS 코드와 화면을 동시에 볼 수 있는 코드펜 티스토리에 가져와서 사용하기 앞으로는 HTML, CSS, JS 관련 코드를 작성할 때 각각의 코드와 완성된 화면을 동시에 볼 수 있는 코드펜 CodePen을 사용하려고 한다 codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io ① 가입 후 Pen 생성 가입한 후 왼쪽에 Pen 클릭 ② 코드 작성 이렇게 펜이 생성되면 여기에 각각의 코드를 작성한다 ③ 작성 후 링크 가져오기 펜 하단에 Embed 클릭 => HTML 코드 가져오기 ④ 티스토.. [#. CSS] 이미지 위에 텍스트, 글자 올리기 text on image 이미지 위에 텍스트를 올리고 싶은데 position: absolute는 쓰기 싫다 간단하게 이미지 위에 텍스트를 올려보자 ① HTML Title Content ② CSS .background-wrap { background-image: url('https://image.freepik.com/free-photo/wall-wallpaper-concrete-colored-painted-textured-concept_53876-31799.jpg'); background-size: 272px 196px; width: 272px; height: 196px; display: flex; justify-content: center; align-items: center; } .content { display: flex; .. 이전 1 다음
