게시글

백그라운드 이미지에 padding값을 주는 방법

백그라운드를 노출할때에 공간을 띄우고 하고 싶을때가 있다 이럴때 다음과 같이 하면된다. style="background-image:url('이지지경로'); background-position:10px 20px;" x=>10px y=>20px 띄우게된다

#프로그램 #CSS #소스 #style #배경이미지 #스타일시트 #background-position #배경위치 #여백

게시글

html,body 부분의 스크롤바 제거하는 방법

html,body부분의 스크롤바를 제거하고자 하는경우가 있다 이때 사용하는 방법이다 html, body { height:100%;overflow-x:hidden; overflow-y:auto} overflow-x,overflow-y브라우저별,버전별에 따라 지원유무를 파악한후 사용해야한다

#프로그램 #CSS #소스 #style #웹퍼블리싱 #스타일시트 #스크롤바제거 #overflow-x #가로스크롤

게시글

css파일에서 css파일 include(import)하기

html 페이지에서 css파일을 불러오는 방법은 이렇게 하면 style.css,style_add.css 파일 2개를 모두 불러올수 있다 그런데 style.css 안에서 style_add.css를 불러오고 싶을때가 있다 이때 import(include)하는 방법인다 style.css 파일에 추가해주면된다 @import "style_add.css"; import를 지원하지 않는 브라우저가 있어서 확인이 필요하다

#프로그램 #CSS #소스 #style #웹퍼블리싱 #스타일시트 #@import #CSS파일불러오기 #CSSinclude

게시글

input type=text 태그만 별도로 스타일 지정하는 방법

input{display:none;} 이렇게 css선언하게 되면 모든 input 태그는 비노출이된다 text,password,checkbox,radio등등 모두 비노출되는 식이다 그러나 input=text만 별도로 적용하고자 하는경우가 있는데 이때 사용하는 방법이다 input { expression(this.type == "text" ? "none" : font-size:13px) } expression를 통해서 this.type == "text"구분하여 별도록 스타일을 지정할수 있다

#프로그램 #CSS #소스 #style #스타일시트 #input스타일 #inputtext #expression #폼스타일

게시글

아이프레임 처럼 스크롤바를 넣고 싶은경우

특정위치의 내용의 가로 세로 사이즈가 고정되어 야 하는경우가있다 이때 범위가 벗어나면 안되는경우가 있는데 벗어나게되면 전체적인 디자인이 깨지거나 하는경우이다 이때 사용하는 방법이 스크롤이 생기게 하는방법인데 아이프레임으로 스크롤을 처리해도 되지만 스타일로 간단하게 처리하는 방법이있다 아이프레임 효과 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 가로세로 300px가 넘어가는 경우 자동으로 스크롤 처리하는 부분이다 overflow:auto; 부분으로 스크롤이 없다가 사이즈가 오버되면 그때 스크롤이 생긴다

#프로그램 #CSS #소스 #style #스타일시트 #overflow #스크롤바 #고정영역스크롤 #아이프레임대체

게시글

shadow 그림자를 넣는 방법입니다

그림자를 넣을때는 box-shadow: 10px 20px 5px #aaaaaa; 를 사용하면된다 box-shadow: (A)px (B)px (C)px (D); A는 left값 B는 top값 C는 그림자의 뿌연정도 D는 색상 위내용을 입력하여 변경하면된다

#프로그램 #CSS #소스 #style #웹퍼블리싱 #box-shadow #그림자효과 #CSS그림자 #스타일시트