본문 바로가기

개발 공부 기록하기

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

  • 분류 전체보기 (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/11   »
일 월 화 수 목 금 토
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
Tags
  • tag
  • textarea
  • table
  • img
  • JAVA 개발 환경 설정
  • :active
  • Title
  • !doctype html
  • ::first-letter
  • 인라인 레벨 요소
  • 전체 선택자
  • BODY
  • HTML정의
  • ul
  • option
  • Form
  • ::before
  • 속성 선택자
  • Head
  • 한정수 강사님
  • ::first-line
  • JavaScript
  • colspan
  • Ol
  • Li
  • rowspan
  • select
  • BR
  • Border
  • Python
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태그입니다.

티스토리툴바