내가 사용하고 있는 style.css 정보
일반 내가 사용하고 있는 style.css본문
필요할 때마다 수정을 해서 사용한 지라 정리가 되어 있지 않습니다.
전체적으로 여름이라 푸른색으로 맞추어 놓았습니다.
body의 경우 margin과 background색상과 이미지를 위해서 따로 분리해서 정리를 했으면
scollbar의 모습을 변경했습니다.
input, button(3개 정도 만들어서 홈페이지 디자인에 맞추어서 따로 사용하고 있음) textarea
위의 세 가지를 잘 사용하시면 됩니다.
button의 경우 정사각형모양의 버튼을 보면 괜히 폼나고 그렇죠...^^
자신의 홈페이지에 맞게 수정을 잘 하시면 될겁니다.
정리를 좀 깔끔하게 해서 올려드릴까 생각했지만 제가 게으른 탓으로 이만...
테스트는 win98과 한컴 리눅스ftp3.1에서 했고 모양이 제대로 나옵니다.
레드햇만 사용을 하다가 한컴 사용하니깐 또 색다른 재미가 있네오.
td, p, input, button, textarea, select { color:#000000; font-family:굴림; font-size:9pt; }
body {
color:#000000;
font-family:굴림;
font-size:9pt;
margin:0 0 0 0;
background: #8EBCD9 url(image/dot.gif);
scrollbar-face-color: #9CCEEE;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
a:link, a:visited, a:active {font-size:9pt; font-family:굴림; text-decoration:none; color:#444444;}
a:hover {font-size:9pt; font-family:굴림; text-decoration:underline; color:999999;}
.subject { color:#FFFFFF; font-weight:bold; }
.subject1 { color:#9CCEEE; font-weight:bold; }
.subjectbg { background-color:#9CCEEE; }
.list { color:#669900; }
.list0 { background-color:#FFFFFF; }
.list1 { background-color:#EEEEE6; }
.bodybg { background-color:#8EBCD9; }
.bodybg1 { background-color:#4189D5; }
.bodybg2 { background-color:#D68F43; }
.bodybg3 { background-color:#8953EE; }
.tablebg { background-color:#FFFFFF; }
.tablebg1 { background-color:#9CCEEE; }
.input { border:solid; border-color:#9CCEEE; color:#5E555E; height:20; border-width:1px; }
.textarea { border:solid; border-color:#9CCEEE; color:#9CCEEE; border-width:1px; }
.button { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:48; height:20; border-width:1px; }
.button1 { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:48; height:48; border-width:1px; }
.button2 { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:75; height:75; border-width:1px; }
.select { background-color:#FFFFFF; }
.button3 { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:90; height:20; border-width:1px; }
전체적으로 여름이라 푸른색으로 맞추어 놓았습니다.
body의 경우 margin과 background색상과 이미지를 위해서 따로 분리해서 정리를 했으면
scollbar의 모습을 변경했습니다.
input, button(3개 정도 만들어서 홈페이지 디자인에 맞추어서 따로 사용하고 있음) textarea
위의 세 가지를 잘 사용하시면 됩니다.
button의 경우 정사각형모양의 버튼을 보면 괜히 폼나고 그렇죠...^^
자신의 홈페이지에 맞게 수정을 잘 하시면 될겁니다.
정리를 좀 깔끔하게 해서 올려드릴까 생각했지만 제가 게으른 탓으로 이만...
테스트는 win98과 한컴 리눅스ftp3.1에서 했고 모양이 제대로 나옵니다.
레드햇만 사용을 하다가 한컴 사용하니깐 또 색다른 재미가 있네오.
td, p, input, button, textarea, select { color:#000000; font-family:굴림; font-size:9pt; }
body {
color:#000000;
font-family:굴림;
font-size:9pt;
margin:0 0 0 0;
background: #8EBCD9 url(image/dot.gif);
scrollbar-face-color: #9CCEEE;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
a:link, a:visited, a:active {font-size:9pt; font-family:굴림; text-decoration:none; color:#444444;}
a:hover {font-size:9pt; font-family:굴림; text-decoration:underline; color:999999;}
.subject { color:#FFFFFF; font-weight:bold; }
.subject1 { color:#9CCEEE; font-weight:bold; }
.subjectbg { background-color:#9CCEEE; }
.list { color:#669900; }
.list0 { background-color:#FFFFFF; }
.list1 { background-color:#EEEEE6; }
.bodybg { background-color:#8EBCD9; }
.bodybg1 { background-color:#4189D5; }
.bodybg2 { background-color:#D68F43; }
.bodybg3 { background-color:#8953EE; }
.tablebg { background-color:#FFFFFF; }
.tablebg1 { background-color:#9CCEEE; }
.input { border:solid; border-color:#9CCEEE; color:#5E555E; height:20; border-width:1px; }
.textarea { border:solid; border-color:#9CCEEE; color:#9CCEEE; border-width:1px; }
.button { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:48; height:20; border-width:1px; }
.button1 { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:48; height:48; border-width:1px; }
.button2 { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:75; height:75; border-width:1px; }
.select { background-color:#FFFFFF; }
.button3 { border:solid; background-color:#9CCEEE; border-color:#517A00; color:#FFFFFF; width:90; height:20; border-width:1px; }
추천
2
2
댓글 전체