강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của lee1487
lee1487

câu hỏi đã được viết

Tìm hiểu các tiêu chuẩn HTML, CSS và web để có được công việc tại nhà xuất bản.

menu - tab menu, menu 2

border 겹침은 어떻게 해결하나요?

Viết

·

4.1K

0

자세히 보시면 공지사항과 보도자료  보도자료와 해명자료 사이에 border가 겹쳐서 두껍게 표시되는데요 margin-right:-1px하면 겹처지는게 사라지는데 이방법 아니면 

.tab_lis li.m1 >a , .tab_lis li.m2 >a, .tab_lis li.m3 >a 마다 border 설정을 해줘야 하는 건가요?

 .tab_list li.m1 > a,
      .tab_list li.m2 > a,
      .tab_list li.m3 > a {
        displayblock;
        /* float: left; */
        positionabsolute;
        left0;
        top0;
        /* padding: 0 30px; */
        width80px;
        text-aligncenter;
        border1px solid #aaa;
        border-bottom1px;
        background-color#eee;
        color#666;
        margin-right-1px;
        font-size13px;
        line-height35px;
        text-decorationnone;
     }
HTML/CSS웹 디자인

Câu trả lời 1

1

Dongho Lee님의 프로필 이미지
Dongho Lee
Người chia sẻ kiến thức

탭메뉴 부분에서 버튼 부분을 position:absolute 지정한 예제네요,

absolute 지정한 경우 두번째와 세번째의 버튼에서 left 값을 선이 겹치게 지정하는 방법이 있겠습니다.
두번째가 left: 80px 이라면 left: 79px 을 지정해 보는 것이지요.

absolute가 아닐 경우에는 margin-left: -1px 을 지정해서 포개지도록 하면 됩니다.

Hình ảnh hồ sơ của lee1487
lee1487

câu hỏi đã được viết

Đặt câu hỏi