웹프로그래밍

Global It Leader!!


CSS


 
 

홈페이지 하단 메뉴 스타일 예시

페이지 정보

작성자 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 111회 작성일 24-05-14 11:25

본문

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <style>

.footer {clear:both;  width:100%;   padding:65px 0;  background:#263151;  position:relative;  z-index:0;}

.footer .footer-cont {float:left;  width:62.5%;}


  /* 푸터 내용 - 푸터 메뉴 */

.footer .footer-cont ul.footer-menu {width:100%;  margin-bottom:30px;  overflow:hidden;}

.footer .footer-cont ul.footer-menu li {float:left;  width:auto;  height:20px;  font-size:0;  line-height:20px;}

.footer .footer-cont ul.footer-menu li:last-child:after {display:none;}

.footer .footer-cont ul.footer-menu li:after {content:'|';  display:inline-block;  margin:0 15px;  font-size:14px;  color:#686f86;  vertical-align:top;}

.footer .footer-cont ul.footer-menu li a {display:inline-block;  font-size:16px;  color:#898e9e;  line-height:20px;  font-weight:300;}

.footer .footer-cont ul.footer-menu li a:hover {color:#eaeaea}


@media only screen and (max-width:1024px) {

  .footer .footer-cont {clear:both;  float:none;  width:100%;}

  .footer .footer-cont ul.footer-menu {margin-bottom:20px;}

  .footer .footer-cont ul.footer-menu li {width:32.666666666666666666666666666667%;  height:auto;  margin-bottom:10px;  text-align:center;}

  .footer .footer-cont ul.footer-menu li:after {display:none;}

  .footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 1%;}

  .footer .footer-cont ul.footer-menu li a {display:block;  line-height:40px;  color:#9aa0b5;  background:#36446d;}

}

@media only screen and (max-width:850px) {

  .en .footer .footer-cont ul.footer-menu li a {font-size:14px;}

}

@media only screen and (max-width:767px) {

  .footer .footer-cont ul.footer-menu {margin-bottom:10px;}

  .footer .footer-cont ul.footer-menu li {margin-bottom:5px;}

  .en .footer .footer-cont ul.footer-menu li {width:100%;}

  .en .footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}

  .footer .footer-cont ul.footer-menu li a {font-size:14px;  letter-spacing:-0.5px;  font-weight:300;}

}

@media only screen and (max-width:500px) {

  .footer .footer-cont ul.footer-menu li {width:100%;}

  .footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}

}

</style>

 </head>

 <body>

 <div id="footer" class="footer">

  <div class="footer-cont">

        <ul class="footer-menu">

        <li><a href="/kor/sub/website_condition.html">웹사이트이용약관</a></li>

        <li><a href="/kor/sub/privacy_policy.html">개인정보처리방침</a></li>

        <li><a href="/kor/sub/uncollection_email.html">이메일무단수집거부</a></li>

<li><a href="/kor/sub/ethical_management.html">윤리경영</a></li>

      </ul>

</div>

</div>

 </body>

</html>


댓글목록

등록된 댓글이 없습니다.

전체 80
게시물 검색
CSS 목록
번호 제목 글쓴이 조회 날짜
80 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 86 10-11
79 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 85 10-09
78 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 103 07-26
77 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 107 06-10
76 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 112 05-17
75 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 138 05-16
열람중 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 112 05-14
73 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 147 05-02
72 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 545 07-31
71 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 791 04-09
70 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1124 09-01
69 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2121 04-24
68 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3272 04-24
67 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1406 03-28
66 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2892 03-26
65 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1410 03-26
64 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1404 03-25
63 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1447 03-18
62 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8680 11-28
61 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1878 09-20