- 전체(91)
- html5(1)
- web accessibility(11)
- Cross Browsing(20)
- html basic(7)
- css basic(23)
- meta(2)
- form(12)
- table(2)
- menu(2)
- box(1)
- button(1)
- font(1)
- etc(8)
- CSS 애니메이션
그라데이션 주기
2012.08.06 11:25:22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!-- ie8 이하버젼에서도 적용시켜주는 스크립트 -->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style type="text/css">
<!--
button{background:#66ccaa;border-width:0pt;border-color:#44ccaa;font-
size:9pt;color:#000000;width: 100px;height : 50px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr="#FFFFFFFF", EndColorStr="#ffddee");
} -->
</style>
</head>
<body>
<button onClick="alert('hi');" name="로그인">로그인</button>
</body>
</html>
댓글 0
댓글 쓰기 권한이 없습니다.
23 | tooltip | 2017.03.14 |
22 | css3로 슬라이드 만들기 | 2017.03.14 |
21 | 말줄임 | 2016.05.27 |
20 | CSS transition 이해하기 | 2016.02.04 |
19 | CSS3애니메이션 툴 Sencha Animator | 2015.10.15 |
18 | reset 방법 모음 | 2014.11.28 |
17 | word-break | 2014.11.27 |
16 | text-transform | 2014.11.21 |
15 | display:none과 visibility: hidden | 2014.11.11 |
14 | 게시판 목록에서 제목항목 자동 ...로 말줄임 | 2014.11.07 |
13 | li의 list style type | 2014.11.06 |
12 | box-sizing | 2014.11.05 |
11 | font:11px/18px | 2014.06.23 |
10 | temp | 2014.06.20 |
9 | 파일 | 2014.06.20 |
8 | CSS 폰트 단위 | 2013.09.02 |
7 | CSS 선택자 형식(CSS Selector) | 2013.08.02 |
6 | CSS3로 그라데이션 이미지 만들기 | 2013.08.02 |
> | 그라데이션 주기 | 2012.08.06 |
4 | CSS로 가변폭의 컨텐츠를 가운데 정렬하기 | 2013.08.02 |