어디에서나 바로가기 기능을 사용하실 수 있습니다. 주메뉴 이동은 알트 키 플러스 1 키이고, 부메뉴 이동은 알트 키 플러스 2 키이고, 본문 이동은 알트 키 플러스 3 키입니다. 알트 키 플러스 J 키는 일반모드와 텍스트모드로 전환합니다.

현재위치
  1. HOME
  2. >배우기
  3. > 스타일시트(CSS)

본문 영역

박스 리스트 상세보기

작성자: 관리자 추천: 0  조회: 4233

박스 리스트


리스트 타이틀 종류


리스트 타이틀 종류는 색상표새창열림에 선언된 색상을 이용해서 만들어집니다.

<strong class="box-title 색상명">box-title 색상</strong>

box-title black box-title grey box-title box-title light-blue box-title yellow box-title blue box-title gold box-title green box-title olive-green box-title orange box-title purple box-title red box-title turquoiseblue box-title violet box-title deepblue box-title teal box-title mauve box-title pearl box-title steelblue box-title coffee box-title coral box-title crimson box-title hotpink box-title indianred box-title aqua box-title white

[박스 리스트 색상표를 이용한 색상 입히기] 예제소스보기


아래의 예제들은 복사하여 색상만 변경하여 바로 사용하시면 됩니다.
하지만 가로로 두개를 넣거나 한다면 반드시 레이아웃 구조새창열림 속에 이 코드를 복사하는 것이 정석입니다.

기본형 리스트


  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다

[기본형 리스트] 예제소스보기


기본형 리스트 + 타이틀


타이틀이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다

[기본형 리스트 + 타이틀] 예제소스보기


기본형 리스트 + 타이틀 + 리스트 항목


타이틀이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다

[기본형 리스트 + 타이틀 + 리스트 항목] 예제소스보기


좌측이미지1


  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다

[좌측이미지1] 예제소스보기


좌측이미지2


  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다

[좌측이미지2] 예제소스보기


좌측이미지3


타이틀이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다

[좌측이미지3] 예제소스보기


좌측이미지4


타이틀이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다

[좌측이미지4] 예제소스보기


우측이미지1


  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다
  • 값이 들어가는 부분입니다

[우측이미지1] 예제소스보기


우측이미지2


  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다

[우측이미지2] 예제소스보기


우측이미지3


타이틀이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다

[우측이미지3] 예제소스보기


우측이미지4


타이틀이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다
  • 항 목값이 들어가는 부분입니다

[우측이미지4] 예제소스보기


관련 글&정보

TOP

등록일:
마지막 수정일:
답변
목록

스타일시트(CSS)

총글수: 12
스타일시트(CSS) 목록 : 이표는 글순서,첨부파일,제목,추천수,조회수,작성일을 확인할 수 있습니다
글순서NO *(첨부파일) 제목 추천 조회 작성일↑
12 없음 레이아웃 구조 추천:0 조회:5885
11 없음 색상표 추천:0 조회:5646
10 없음 버튼 추천:0 조회:9193
9 없음 하이라이트 추천:0 조회:4948
8 없음 인용구 추천:0 조회:3653
7 없음 테이블(표) 추천:0 조회:3804
6 없음 현재글:박스 리스트 추천:0 조회:4233
5 없음 텝박스 추천:0 조회:4453
4 없음 아이콘 추천:0 조회:6803
3 없음 반응형 기타 추천:0 조회:3664
초기화 
스타일시트(CSS) 검색