왜 위치가 엉망이 될까요 ㅠㅠ
177
작성한 질문수 2
<!DOCTYPE html>
html,body {
width: 100%
height: 100%;
}
body,h1,h2,h3,input,p{
border:0;
margin:0;
}
body,h1,h2,h3,input,select,button,th,td{
font-family: 'Malgun Gothic',sans-serif;
}
/*style*/
.box_type{
margin: 20px;
border: 4px solid #a8e469;
}
.box_type .inner{
position: relative;
border: 1px solid #418f30;
padding: 0 20px;
}
.box_type p {
margin:10px;
line-height: 1.5em;
}
.box_type .lt, .box_type .rt, .box_type .lb,.box_type .rb
{
position: absolute;
width: 7px;
height: 7px;
background: #fff url(bg_border_corner.gif) no-repeat;
}
.box_type .lt{
left: : -5px;
top: -5px;
background-position: 0 0;
}
.box_type .rt{
right: 5px;
top: 5px;
background-position: 100% 0;
}
.box_type .lb{
right: -5px;
top: -5px;
background-position: 0 100%;
}
.box_type .rb{
right: -5px;
bottom: -5px;
background-position: 100% 100%;
}
내용은 이미지와 다를 수 있습니다.
내용은 이미지와 다를 수 있습니다.
내용은 이미지와 다를 수 있습니다.
답변 1
0
포지션의 개념을 잘 생각해 보시길 바래요... 배경위치와 포지션의 left,right,top,bottom 의 값이 잘못되어있습니다.
.box_type .rt{right: 5px; top: 5px; background-position: 100% 0;}
.box_type .lb{right: -5px; top: -5px; background-position: 0 100%;} 를
.box_type .rt{right: -5px; top: -5px; background-position: 100% 0;}
.box_type .lb{left: -5px; bottom: -5px; background-position: 0 100%;} 으로 고쳐보시기 바랍니다.
혹시 주석선택 중 마지막 /마크로되어있는거 선택 단축기가 뭔가요
0
41
2
img 이미지가 안나와요
0
40
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
341
1
섹셔닝하는 것에 대해서..
0
283
1
footer에 전화번호도 추가 됬는데 address에 같이 포함 시키면 되나요 ?
0
340
1
tab이 안 먹어요~
0
251
1
실무에서 이벤트 페이지를 작업할 때 이렇게 만드나요??
0
267
1
border 겹침은 어떻게 해결하나요?
0
4157
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