inflearn logo
강의

講義

知識共有

パブリッシャー就職のために正しく学ぶhtmlとcss、そしてWeb標準

メニュー - タブメニュー, メニュー 2

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

4157

lee1487

投稿した質問数 2

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 웹 디자인

回答 1

1

Dongho Lee

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

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

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

혹시 주석선택 중 마지막 /마크로되어있는거 선택 단축기가 뭔가요

0

41

2

img 이미지가 안나와요

0

41

2

이메일/이벤트 실습 예제 파일

0

393

2

마크업 실습 관련 질문입니다.

0

405

1

이미지를 안쓰고도 만들 수 있을거 같은데 이미지로 써서 만들때 어떤 장점이 있나요 ??

0

405

1

category를 top: 50% 했을 때 이동되는 위치들이 잘 이해가 안가네요ㅠ

0

552

1

css 하다가 궁금한게 있어서 질문드립니다 !

0

385

1

<li class ="m1" > 을 m2 m3으로 나눠서 해야되는 이유가 있을까요 ??

0

295

1

cover 의미 질문있습니다. !

0

325

1

탭 / 쉬프트 탭으로 들여쓰기와 들여쓰기 삭제하기

0

668

1

섹션닝으로 작성해봤는데 지적해주실만한 내용 있을까요 ?

0

342

1

섹셔닝하는 것에 대해서..

0

283

1

footer에 전화번호도 추가 됬는데 address에 같이 포함 시키면 되나요 ?

0

340

1

tab이 안 먹어요~

0

251

1

실무에서 이벤트 페이지를 작업할 때 이렇게 만드나요??

0

267

1

이메일 페이지라는게 이해가 잘 안되는데 ..

1

286

1

css backgrond 관련 질문입니다..!

1

281

2

선생님 공부 순서는 어떻게 하는게 좋을까요?

2

399

2

속성을 닫을때 작은따옴표로 쓰면 안될까요?

1

356

1

선생님 !! 질문있습니다.

1

336

2

선생님 !! button, input 버튼이 깨지는데 왜그런건가요??

1

325

2

안녕하세요 !! width값을 100으로 작게 줘도 변화가 없는데 왜그런걸 까요 ??

2

289

2

!+Tab 입력시

1

211

1

background 속성 중에

1

156

1