Breadcrumbs

· 2017-09-18 (월) 16:01:40 · 2334

Breadcrumbs


페이지 매김의 또 다른 변형은 소위 "Breadcrumbs"입니다.


918eee43834b8d7cfdec22d214ab1bce_1505718092_8042.JPG
 

ul.breadcrumb {

    padding: 8px 16px;

    list-style: none;

    background-color: #eee;

}


ul.breadcrumb li {display: inline;}


ul.breadcrumb li+li:before {

    padding: 8px;

    color: black;

    content: "/\00a0";

}



918eee43834b8d7cfdec22d214ab1bce_1505718079_9501.JPG
 

<!DOCTYPE html>

<html>

<head>

<style>

ul.breadcrumb {

    padding: 8px 16px;

    list-style: none;

    background-color: #eee;

}

ul.breadcrumb li {display: inline;}

ul.breadcrumb li+li:before {

    padding: 8px;

    color: black;

    content: "/\00a0";

}

ul.breadcrumb li a {color: green;}

</style>

</head>

<body>


<h2>Breadcrumb Pagination</h2>

<ul class="breadcrumb">

  <li><a href="#">Home</a></li>

  <li><a href="#">Pictures</a></li>

  <li><a href="#">Summer 15</a></li>

  <li>Italy</li>

</ul>


</body>

</html>


|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-10-11 조회 2,699
CSS 17-10-11 조회 2,700
HTML 17-10-07 조회 3,497
HTML 17-10-06 조회 3,353
CSS 17-09-29 조회 2,287
CSS 17-09-29 조회 2,652
CSS 17-09-29 조회 2,510
CSS 17-09-26 조회 4,045
CSS 17-09-26 조회 2,706
CSS 17-09-26 조회 1,915
CSS 17-09-22 조회 2,220
CSS 17-09-22 조회 2,388
CSS 17-09-22 조회 2,352
HTML 17-09-22 조회 4,771
CSS 17-09-21 조회 1,909
CSS 17-09-21 조회 2,037
CSS 17-09-21 조회 1,898
CSS 17-09-19 조회 1,937
CSS 17-09-19 조회 1,621
CSS 17-09-19 조회 1,482
CSS 17-09-18 조회 2,572
CSS 17-09-18 조회 2,366
CSS 17-09-18 조회 2,335
CSS 17-09-14 조회 2,397
CSS 17-09-14 조회 2,070
CSS 17-09-14 조회 2,124
CSS 17-09-11 조회 2,454
CSS 17-09-11 조회 2,301
CSS 17-09-11 조회 2,109
CSS 17-09-10 조회 1,970