티스토리 뷰
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style type="text/css">
#area {
width: 50%;
height: 30px;
background-color: yellow;
margin: 30px;
}
strong {
margin-left: 25px;
background-color: silver;
}
a:link,a:visited {
margin-left: 25px;
border-width: 5px;
border-color: blue;
}
a:hover {
margin-left: 10px; /* 마우스오버 시 마진이 줄어든다 */
border-width: 5px; border-style : ridge; /* 잘 모르겠음 */
border-color: black;
border-style: ridge;
}
</style>
</head>
<body>
<div id="area">
<p>
문장에 <a href="#"><strong>마진을</strong></a> <a href="#">적용합니다.</a>
</div>
</body>
</html>'java,web study > 5주차 (7월 29일~8월 4일)' 카테고리의 다른 글
| 속성 (76페이지 예제) (0) | 2013.07.31 |
|---|---|
| 73페이지 예제 (0) | 2013.07.31 |
| 스타일 - 테이블만들기 (59페이지 예제) (0) | 2013.07.31 |
| 선택자 예제 (33페이지 예제) (0) | 2013.07.31 |
| 특정 요소에 스타일 입히기 (26페이지 예제) (0) | 2013.07.31 |
댓글