이미지의 색상을 내맘대로 > 기술자료 | 해피정닷컴

이미지의 색상을 내맘대로 > 기술자료

본문 바로가기

사이트 내 전체검색

이미지의 색상을 내맘대로 > 기술자료

HTML 이미지의 색상을 내맘대로

페이지 정보


본문

홈페이지 제작시 버튼 이미지 변경이 매우 번거롭게 귀찮은 일이죠
이것을 스타일시트로 손쉽게 변경할수 있습니다.
투명 GIF 또는 PNG 이미지와 스타일시트를 활용하면 아주 손쉽게 변경할 수 있습니다.

<style type="text/css">
.icon {
      background-color:#f00;
      background-image: url(/i/rounded_bg.gif);
      background-repeat: no-repeat;
}

.blue {
      background-color:#00f;
}
</style>

<img class="icon" src="icon.gif" alt="icon" />

Within the CSS, we set the background color and the framing background image (i.e. rounded corners). I keep the framing separate because I feel it adds a level of flexibility to the icon. Rounded corners may be perfect for some designs, but not others. My goal was to try to set the icon in the most generic state and the use CSS to fill in the blanks.



참고자료
http://somerandomdude.com/projects/sanscons/ 

댓글목록

등록된 댓글이 없습니다.


Total 2,636건 97 페이지
  • RSS
기술자료 목록
열람
HTML   18625  2009-05-22 10:16  
715
일반   13538  2009-05-20 19:54  
714
일반   32793  2009-05-20 19:00  
713
HTML   24047  2009-05-20 18:42  
712
일반   23553  2009-05-19 19:44 ~ 2009-05-20 00:00  
711
ClassicASP   29608  2009-05-19 13:00  
710
MSSQL   16793  2009-05-08 09:43  
709
MSSQL   18608  2009-05-08 08:28  
708
호스팅   15550  2009-05-06 18:47  
707
호스팅   17406  2009-05-03 13:20 ~ 2011-08-19 00:00  
706
그누보드   12343  2009-05-03 03:26  
705
Linux   13086  2009-05-01 18:15  
704
그누보드   11833  2009-05-01 14:20  
703
호스팅   11795  2009-05-01 12:29  
702
HTML   26621  2009-04-30 12:01 ~ 2013-01-13 00:00  
701
그누보드   12090  2009-04-30 11:12  
700
JavaScript   24536  2009-04-28 12:28  
699
Adobe   14298  2009-04-28 11:39  
698
JavaScript   19101  2009-04-28 11:26 ~ 2011-06-29 00:00  
697
Adobe   12776  2009-04-25 18:18  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2025 해피정닷컴. All Rights Reserved.