티스토리 뷰
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> <style> a img:hover { box-shadow: 0 5px 30px rgba(0, 0, 0, 0, 9); } #menu { position: absolute; left: 10px; top: 20px; } .content { position: absolute; left: 100px; top: 20px; width: 200px; height: 50px; padding: 5px; border: 1px solid #06F; overflow: hidden; resize: horizontal; /* both, vertical*/ } </style> </head> <body> <div id="menu"> <a href="http://naver.com"><img src="https://t1.daumcdn.net/cfile/tistory/15705D495070642B2A" border="0"></a> </div> <div class="content"> <p>CSS3에는 요소의 크기를 사용자가 임의대로 조절할 수 있는 속성이 추가되었습니다.</p> </div> </body> </html>
'java,web study > 5주차 (7월 29일~8월 4일)' 카테고리의 다른 글
라운드 (모서리 깎기) 예제 (0) | 2013.07.31 |
---|---|
float 예제 (79페이지) (0) | 2013.07.31 |
73페이지 예제 (0) | 2013.07.31 |
문장에 마진 적용 (0) | 2013.07.31 |
스타일 - 테이블만들기 (59페이지 예제) (0) | 2013.07.31 |
댓글