백그라운드 이미지에 padding값을 주는 방법
조회 2,618 2026-08-18 등록
로그인하면 의견을 남길 수 있습니다.
아직 의견이 없습니다. 첫 의견을 남겨보세요.
게시글
shadow 그림자를 넣는 방법입니다
그림자를 넣을때는 box-shadow: 10px 20px 5px #aaaaaa; 를 사용하면된다 box-shadow: (A)px (B)px (C)px (D); A는 left값 B는 top값 C는 그림자의 뿌연정도 D는 색상 위내용을 입력하여 변경하면된다
이미지를 커팅하는 방법
실제로 이미지가 커팅되는것이 아닌 보여지는 부분을 제한 하는 형식이다 CSS로 특정 이미지 만큼 잘라서 보여주기
css 라운드 넣는 방법
태그에 라운드 넣는 방법 solid border-radius:20px 해당라운드 수치임 라운드모양을 실선,점선등으로 표기가능하다 자주사용하는 종류 solid:실선 dotted:짧은 점선 dashed:긴 점선
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법
이미지에 마우스를 오버했을경우 이미지 안쪽으로 테둘이를 넣는 방법이다 바깥쪽으로 테두리를 넣게되면 이미지영역이 커져서 깨지는 경우가 발생되기 때문에 안쪽에 넣은것이다 a.image01, a.image01 img {float:left;overflow:hidden;} a.image01:hover{border:4px solid #DDDDDD;} a.image01:hover img {margin:-4px;}
width:100% 에서 특정 픽셀만큼 빼기
100px만큼 뺀 div값
iframe 투명하게 처리하기
페이지내에 iframe있는경우 투명하게 처리하고자 하는경우가 있다 allowtransparency='true' 를 통해 투명하게 처리 할수 있다 이때 주의 해야될것이 이렇게 만 하면되는것이아니다 아이프레임.html 페이지에서도 선언해줘야 하는 부분있데 아래의 css를 넣어줘야 정상적으로 적용된다 body{background-color:transparent;}
비밀번호 입력문구 input 이지미 삽입
input type이 password인경우 value="비밀번호" 이렇게 입력하면 ****이렇게 내용을 볼수 없다그렇기때문에 해당 문구를 넣고 싶은경우 이미지를 활용하는 방법을 사용한다 input_pw.gif 이미지에 "비밀번호입력" 이런식으로 만들어지 이미지를 호출하는 형태이다 그리고 onfocus 되었을때 이미지를 비우는 식으로 문구를 제거한다
자간(문자간격)넣는 방법
자간(문자와 문자 사이)를 넓게 하고자 할때 사용하는 스타일이다 문자간격
목록으로
의견 0
로그인하면 의견을 남길 수 있습니다.
아직 의견이 없습니다. 첫 의견을 남겨보세요.