블로그 이미지

Gicomong (Lux)

  • 분류 전체보기
    • 개발 기술
      • 사소하지만 놓치기 쉬운 개발 지식
      • css 애니메이션 (with js)
      • 개발 이야기
      • jest로 테스트하자
      • 함수형 프로그래밍
      • 타입스크립트
    • 사용자의 접근성 높이는 방법
      • W3C 기준
    • 조직 문화
    • 이번엔 이 공부 끝내겠다 시리즈
      • 테스트코드
      • github actions
      • 정규표현식
    • 라이브러리 파헤치기
    • error log
    • 주저리
Visits

Mong dev blog

  • 관리
  • 글쓰기
  • 방명록
  • 로그인
  • 로그아웃

감싸게1

[CSS] 텍스트가 이미지를 감싸게 해보자!
👀 이번 시간에는 shape-outside, shape-margin, margin을 이용해 글자가 이미지 모양에 따라 배치되도록 해보자! 1. 미리보기 See the Pen word wrap image by KumJungMin (@kumjungmin) on CodePen. 2. 자세히 알아보기 1) html html 구조는 단순한데, 제목, 내용, 그리고 2개의 이미지만 배치하면 된다. Wrap Text Around Images ... 2) (CSS) 기본 스타일 지정하기 🙂 기본 스타일은 본문의 핵심은 아니므로, 본론으로 넘어가고 싶다면 3) 이미지 설정하기를 보자 body의 margin, padding을 0으로 초기화하고 배경색을 지정한다. body { margin: 0; padding: 0; bac..
2022. 2. 27.
이전 1 다음

티스토리툴바