다음은 전형적인 글목록인 <li> 태그를 사용한 것이 아니다. 대신 특수 문자(•)를 이용하였다.
예제는 첨부한 파일을 참고하세요.
|
<a href="/channel/index.asp?cid=2"><span class="myBullet">• </span>뉴스</a><br> |
글목록 표시 •를 class가 myBullet인 <span> 태그로 감쌌다. 그렇다면 myBullet 클래스에 대한 스타일 정의는 어떻게 되어 있을까?
|
<style type="text/css"> |
myBullet 클래스에 대한 a태그 스타일과 a:hover에 대한 스타일을 정의한 것인데 a:hover 발생시 color 속성을 #CC0000으로 변경해 주는 것이 핵심이다.
어려운 내용은 아니지만 이런 기법을 통해 CSS에 대한 새로운 아이디어를 많이 얻을 수 있으리라 생각한다.
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
|
| ☞자세히보기 |
|
|
|
