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

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 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 >

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.