티스토리 뷰
<!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 |
댓글