답변 4개
http://cleanapp.cafe24.com/theme/basic/css/default.css 88째줄
</strong></p>
<p>#wrapper {
z-index: 5;
margin: 0 auto;
width: 970px;
<span style="color:#16a085;"> /* border-right: 1px solid #dde4e9; */
/* border-left: 1px solid #dde4e9; */</span>
zoom: 1;
} <strong>
기존 css 내용을 위의 내용처럼 주석처리하면 선은 사라질것입니다
그리고 가운데 정렬은......
이미지가 body 배경 이미지로 들어가 있더군요
기존 body css를
(아마도 메인쪽이나 헤더쪽)
</strong></p>
<p><div id="wrapper">
<div id="container"></p>
<p><style type="text/css"></p>
<p>body{ background-image:url(<a href="http://cleanapp.cafe24.com/img/222.jpg" target="_blank" rel="noopener noreferrer">http://cleanapp.cafe24.com/img/222.jpg</a> );
background-repeat:no-repeat</p>
<p></style>
</p>
<p> <strong>
의 body style 를 아래처럼 바꿔보세요
제안1
</strong></p>
<p><style type="text/css">
body{ background-image:url(<a href="http://cleanapp.cafe24.com/img/222.jpg" target="_blank" rel="noopener noreferrer">http://cleanapp.cafe24.com/img/222.jpg</a> );
background-repeat:no-repeat;
background-size: 1600px 1078px;
background-position: center 110px;</p>
<p></style></p>
<p> <strong>
제안1 적용시 실제 이미지 사이즈 크기를 중심으로 가운데 정렬이 됩니다
머리가 가려져서 위에서 110px 만큼 떨어뜨린 겁니다 (background-position: center 110px; )
제안2
</strong></p>
<p><style type="text/css">
body{ background-image:url(<a href="http://cleanapp.cafe24.com/img/222.jpg" target="_blank" rel="noopener noreferrer">http://cleanapp.cafe24.com/img/222.jpg</a> );
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center 110px;
</style></p>
<p> </p>
<p> <strong>
제안2 적용시 아래처럼 이미지실제 사이즈보다 모니터 화면에 꽉차게 가로폭이 커집니다
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
css 에서 img 태그 border style 설정하면 될것같네요.
https://www.w3schools.com/cssref/pr_border-style.asp
참고하세요.
PS)
숙제는 집에 가서 혼자서 해야하는 것 아닌가요? 농담입니다. ㅎㅎ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인