<html>
<본문>
<style type="text/css">
#elButton a {
색상: #000000;
글꼴 크기:10px;
글꼴 계열:verdana;
글꼴 두께:굵게;
텍스트 장식: 없음;
테두리:4px 시작 아쿠아;
배경색:#00ffff;
디스플레이: 블록;
너비: 160px;
패딩: 3px 5px;
여백: 1px;
}
#elButton a:hover {
배경색: #00c0c0;
색상:#000000;
왼쪽 패딩:4px;
테두리:4px 삽입 아쿠아;
}
#elButton a {
색상: #000;
글꼴 크기:10px;
글꼴 계열:verdana;
글꼴 두께:굵게;
텍스트 장식: 없음;
테두리:4px 시작 아쿠아;
배경색:#00ffff;
디스플레이: 블록;
너비: 160px;
패딩: 3px 5px;
여백: 1px;
}
#elButton a:hover {
배경: #00c0c0;
색상:#000000;
왼쪽 패딩:4px;
테두리:4px 삽입 아쿠아;
}
</style>
</head>
<body>
<div id="elButton">
<div>
<a href="#">Java 스크립트</a>
</div>
<div>
<a href="#">동적 HTML</a>
< /div>
<div>
<a href="#">서버측</a>
</div>
<div>
<a href="#">클라이언트측</a>
</div>
</div>
</body>
</html>