3D 스타일 CSS 만들기 웹 버튼 특수 효과 코드

< html >
< 몸 >
< 스타일 형식을 "Text/css" = >

#elButton은 없음

색상: # 000000;

글꼴-크기: 10px;

글꼴-가족: 굴림;

글꼴-무게: 굵게;

텍스트-장식: 없음;

테두리: 4px 처음 아쿠아;

배경-색상: # 00ffff;

디스플레이: 블록;

폭: 160px;

패딩: 3PX 5px;

여백: 1px;

}

#elButton A:hover 없음

배경-색상: # 00c0c0;

색상: # 000000;

여백-왼쪽: 4px;

테두리: 4PX 삽입 물;

}

#elButton은 없음

색상: # 000;

글꼴-크기: 10px;

글꼴-가족: 굴림;

글꼴-무게: 굵게;

텍스트-장식: 없음;

테두리: 4px 처음 아쿠아;

배경-색상: # 00ffff;

디스플레이: 블록;

폭: 160px;

패딩: 3PX 5px;

여백: 1px;

}

#elButton A:hover 없음

배경: # 00c0c0;

색상: # 000000;

여백-왼쪽: 4px;

테두리: 4PX 삽입 물;

}

</스타일 >
</헤드 >
< 몸 >

< div id = "Elbutton" >

< div >

< a Href = http://www.jzread.com > < /a > 자바 스크립트

< / div >

< div >

< a href = http://www.jzread.com > 동적 html < /a >

< / div >

< div >

< a Href = http://www.jzread.com > 서버 사이드 < /a >

< / div >

< div >

< a href = http://www.jzread.com > 클라이언트측 < /a >

< / div >

< / div >
</바디 >
< / html >