<div> <div style="color:#d4d4d4;background-color:#1e1e1e;font-family:Consolas, 'Courier New', monospace;font-size:14px;line-height:19px;white-space:pre;"> <div><span style="color:#608b4e;"><!-- 7장 연습문제 3 --></span></div> <div><span style="color:#808080;"><</span><span style="color:#569cd6;">html</span> <span style="color:#9cdcfe;">lang</span> = <span style="color:#ce9178;">"ko"</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"><</span><span style="color:#569cd6;">head</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"><</span><span style="color:#569cd6;">meta</span> <span style="color:#9cdcfe;">charset</span> = <span style="color:#ce9178;">"UTF-8"</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"><</span><span style="color:#569cd6;">title</span><span style="color:#808080;">></span>7장 연습문제 3<span style="color:#808080;"></</span><span style="color:#569cd6;">title</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"><</span><span style="color:#569cd6;">style</span><span style="color:#808080;">></span></div> <div> <span style="color:#d7ba7d;">.background</span>{</div> <div> <span style="color:#9cdcfe;">background-image</span>: <span style="color:#dcdcaa;">url</span>(<span style="color:#ce9178;">"images/apple-bg.jpg"</span>);</div> <div> <span style="color:#9cdcfe;">background-repeat</span>: <span style="color:#ce9178;">no-repeat</span>;</div> <div> <span style="color:#9cdcfe;">height</span>: <span style="color:#b5cea8;">100%</span>;</div> <div> <span style="color:#9cdcfe;">width</span>: <span style="color:#ce9178;">auto</span>;</div> <div> }</div> <div> </div> <div> <span style="color:#d7ba7d;">.content</span>{</div> <div> <span style="color:#9cdcfe;">background-color</span>:<span style="color:#dcdcaa;">rgba</span>(<span style="color:#b5cea8;">255</span>,<span style="color:#b5cea8;">255</span>,<span style="color:#b5cea8;">255</span>,<span style="color:#b5cea8;">0.5</span>);</div> <div> <span style="color:#9cdcfe;">vertical-align</span>: <span style="color:#ce9178;">bottom</span>;</div> <div> </div><br><div> }</div><br><div> <span style="color:#808080;"><</span><span style="color:#808080;">/</span><span style="color:#569cd6;">style</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"></</span><span style="color:#569cd6;">head</span><span style="color:#808080;">></span></div><br><div> <span style="color:#808080;"><</span><span style="color:#569cd6;">body</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"><</span><span style="color:#569cd6;">div</span> <span style="color:#9cdcfe;">class</span> = <span style="color:#ce9178;">"background"</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"><</span><span style="color:#569cd6;">div</span> <span style="color:#9cdcfe;">class</span> = <span style="color:#ce9178;">"content"</span><span style="color:#808080;">></span></div> <div> <span style="color:#808080;"><</span><span style="color:#569cd6;">p</span><span style="color:#808080;">></span>하루 한 알의 사과는 의사를 <span style="color:#808080;"></</span><span style="color:#569cd6;">p</span><span style="color:#808080;">></span></div><br><div> <span style="color:#808080;"></</span><span style="color:#569cd6;">div</span><span style="color:#808080;">></span></div><br><div> <span style="color:#808080;"></</span><span style="color:#569cd6;">div</span><span style="color:#808080;">></span></div> <div> </div> <div> <span style="color:#808080;"></</span><span style="color:#569cd6;">body</span><span style="color:#808080;">></span></div> <div><span style="color:#808080;"></</span><span style="color:#569cd6;">html</span><span style="color:#808080;">></span></div></div></div>제가 뻘짓 중인 코드는 이러하구요 <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201804/1522825495479fd326bb7c4f7396ef6717e108b2f0__mn747118__w854__h599__f74901__Ym201804.png" width="800" height="561" alt="예제.png" class="chimg_photo" style="border:none;" filesize="74901"></div> <div><br></div>예제는 이거입니다. </div> <div>하루 한 알의 사과는 의사를 멀리한다 텍스트가 아래쪽에도 갔다가 화면 중앙에도 갔다가 (사진 중앙x) </div> <div>흰색 투명 배경은 사진을 80% 덮었다가 10% 덮었다가.. 난리를 쳐보다가 질문합니다.. ㅠ</div> <div>제가 아직 레이아웃에 대해서는 안 배워서 그런데.. 그래서 그런가 어렵네요.. 레이아웃에 있어서 우선 순위나 상속, 포함 같은 개념?도 잘 모르겠구.. 해결 코드에 관한 간략한 설명도 함께 해주시면 감사하겠습니당 ㅎㅎ<br><div><br></div></div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.