<td>와 <css> <div> 에 태그들_마우스오버
마우스오버시_글자변화.htm<td>,<div>
다음과같은 형식으로 들어가게된다.
padding:10 10 10 10; //'탑 우 하 좌'의 순서
style=" border :볼더굵기 볼더스타일 볼더컬러; "
style='padding-left:20px;'
style="visibility:hidden " // 해당<td>를 안보이게 할수있다.
ex)
style=' border: 3px solid #3e8e0e ;'
bgcolor="494949" style="font-weight:bold; color:#FFFFFF;
※ <img> 안에도 쓸수있다.
<CSS>
특정클래스 링크스타일 적용할때
a.last:link { text-decoration:none; color:#2D2D2D;
}
a.last:visited { text-decoration:none; color:#87124F; }
a.last:active {
text-decoration:none; color:#87124F; }
a.last:hover {
text-decoration:underline; color:#FF6633; }
적용할때는 class="last" 와같이 적용한다 (아직 테스트안해봄)
볼더가 들어갈때 다음과같은 예시로들어간다.
ex) border:2px solid #dddddd;
폰트태그
text-decoration:none;
color:#888888;
font-size:11px;
font-weight:bold;
text-align:center;
마우스오버시 변화소스(파일첨부)
<html>
<head>
<STYLE type=text/css>
#ami:hover
{COLOR: blue; FONT-WEIGHT: bolder}
#bmi:hover {COLOR: green; FONT-WEIGHT:
bolder}
#cmi:hover {COLOR: gold; FONT-SIZE: 12pt; FONT-WEIGHT:
bolder}
</STYLE>
</head>
<body bgcolor="white"
link="blue" vlink="purple">
<FONT size=2>
<A href="#"
id=ami>
안녕하세요? 이양호 입니다. 마우스를 여기에 올려보세요</A><br>
<A
href="#" id=bmi>
어느듯 가을이 나의 앞뜰에도 성큼 다가 왔군요</A><br>
<A
href="#" id=cmi>
개인 사정으로인하여 오랬동안 시집에 오지
못햇습니다</A><br></FONT>
</body>
</html>