본문 바로가기

개발 공부 기록하기

검색하기
개발 공부 기록하기
프로필사진 태영(泰伶)

  • 분류 전체보기 (164)
    • 일기 (11)
    • 프밍 (146)
      • HTML (57)
      • CSS (54)
      • Javascript (0)
      • React.js, Next.js (2)
      • Java (8)
      • Python (3)
      • [인강] 비전공자를 위한 개발자 취업 올인원 가이.. (22)
    • Project (3)
    • Troubleshooting (3)
    • 책 (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags
  • 인라인 레벨 요소
  • BR
  • 전체 선택자
  • Border
  • Python
  • :active
  • ul
  • option
  • JavaScript
  • ::before
  • Ol
  • select
  • textarea
  • Title
  • Head
  • ::first-letter
  • ::first-line
  • table
  • !doctype html
  • rowspan
  • colspan
  • 한정수 강사님
  • img
  • BODY
  • HTML정의
  • Li
  • tag
  • Form
  • 속성 선택자
  • JAVA 개발 환경 설정
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록list-style (1)

개발 공부 기록하기

DAY 11. 목록 관련 스타일(3): list-style

앞에서 했던 1) list-style-type 2) list-style-image 3) list-style-position 을 모두 한꺼번에 표시할 수 있는 방법이 있다. list-style: 속성값; 속성값은 1), 2), 3)에서 쓸 때와 같이 똑같이 작성하면 된다. 예제 1. 예제 2. 목록 관련 스타일 학습한 것을 응용해서 웹 사이트의 세로 메뉴 만들기를 실습해봤다. (더 예쁘게 꾸미려면야 할 수도 있지만, 실습에는 기본만 써보기로^^) 위의 소스 코드를 진짜 메뉴처럼 바꿔보면,

프밍/CSS 2022. 11. 5. 17:42
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory
   
   
     

제목입니다

P태그입니다

SPAN태그입니다.

티스토리툴바