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

• 목록
• 게시판 리스트 옵션
  • 검색

홈페이지 제작시 버튼 이미지 변경이 매우 번거롭게 귀찮은 일이죠
이것을 스타일시트로 손쉽게 변경할수 있습니다.
투명 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/