브라우저 제목

html

               <div class="n-g-b">
                    <div class="notic">
                        <div class="notic-title">공지사항</div>
                        <ul class="notic-content">
                            <li><a href="#">공지사항 공지사항 공지사항</a></li>
                            <li><a href="#">공지사항 공지사항 공지사항</a></li>
                            <li><a href="#">공지사항 공지사항 공지사항</a></li>
                            <li><a href="#">공지사항 공지사항 공지사항</a></li>
                            <li><a href="#">공지사항 공지사항 공지사항</a></li>
                        </ul>
                    </div>
                    <div class="gallery">
                        <div class="gallery-title">갤러리</div>
                        <ul class="gallery-content">
                            <li><a href="#">갤러리 이미지1</a></li>
                            <li><a href="#">갤러리 이미지2</a></li>
                            <li><a href="#">갤러리 이미지3</a></li>
                            
                        </ul>
                    
                    </div>
                    <div class="banner">배너</div>
                </div>

 

css

 

/* 공지사항 탭 */
.notic-title{
    width:100px;
    height:40px;
    border:1px solid black;
    border-bottom:1px solid white;
    margin-left:30px;
    margin-top:10px;
    position:relative;
    z-index:99;
    text-align:center;
    padding-top:5px;
}
.notic-content{
    width:95%;
    border:1px solid black;
    margin:auto;
    padding:5px 0;
    line-height:160%;
    position:relative;
    top:-1px;
}
.notic-content li{
    padding-left:5px;
    margin-left:25px
}

/* 갤러리 탭 */
.gallery-title{
    width:100px;
    height:40px;
    border:1px solid black;
    background:#eeeeee;
    color:black;
    text-align:center;
    padding-top:7px;
    margin-left:30px;
    margin-top:10px;
    position:relative;
}
.gallery-content{
    width:95%;
    border:1px solid black;
    float:left;
    margin-left:2.5%;
    padding:10px 0;
    position:relative;
    top:-1px;
}
.gallery-content li{
    list-style:none;
    width:30%;
    height:115px;
    border:1px solid black;
    float:left;
    margin-left:2.5%;
    
}

제목 날짜
드레그 앤 드롭 효과 예제 new file 2020.04.03
드레그 앤 드롭 효과 원리 new file 2020.04.03
슬라이드 페이지 네이션 file 2020.04.02
좌/우 슬라이드 슬라이드 개수처리, 너비 처리 file 2020.04.02
모바일 작업 file 2020.04.02
자격증 슬라이드 기본 2020.03.30
스크롤바 없에는 css update 2020.03.30
터지이벤트와 mouseup, mousedown이벤트 2020.03.28
bitnami 설치 2020.03.20
3자리마다 쉼표 찍기 javascript 2020.03.19
3월 13일 헤더 애니메이션 file 2020.03.16
php를 이용한 파일 활용 2020.03.09
스크롤했을 때 헤더 애니메이션 2020.03.07
패밀리 사이트 이동 2020.03.07
검색폼 애니네이션 2020.03.07
탭 만들기 2020.03.07
모달 2020.03.07
페이지에서 화살표를 클릭하면 특정위치로 애니메이션되면서 이동, 네비 해시 애니메이션 scroll spy 2020.03.07
full drop-down, 2020.03.07
자격증 3일차 공지사항, 갤러리 css file 2020.03.03
태그 목록