2009/04/04 14:24
폼/전송버튼 스타일 설정 web2009/04/04 14:24
form {
margin:10px; padding: 0 5px;
border: 1px solid #f1f1f1;
background-color: #f5f5f5;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding:2px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:2px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
font: bold 12px Arial, Sans-serif;
height: 24px;
margin: 0;
padding: 2px 3px;
color: #FFF;
background: #8EB50C url(nav.jpg) repeat-x 0 0;
border: 1px solid #88AD0C;
}
'web' 카테고리의 다른 글
| 웹폰트 설치 방법 (0) | 2009/04/05 |
|---|---|
| 폼/전송버튼 스타일 설정 (1) | 2009/04/04 |
| css 폰트 설정 정리자료 (1) | 2009/04/04 |
| 웹디자인 포토샵강좌가 매일 업데이트 되는 사이트 (3) | 2008/09/07 |
댓글을 달아 주세요
폼 클래스 설정후 아래와 같은 방식으로 스타일 지정
.searchform {
background-color: transparent;
border: none;
margin: 0; padding: 5px 0 15px 0;
width: 250px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
width: 170px;
color: #777;
height: 18px;
padding: 2px;
border: 1px solid #E5E5E5;
vertical-align: top;
}
.searchform input.button {
width: 60px;
height: 24px;
padding: 2px 5px;
vertical-align: top;
}