1.CSS 中鏈接的使用 2.CSS 中游標的使用 3.CSS 中 DHTML 的使用 4.CSS 中縮放的使用 1 18 8. .1 1 S CSS 中 鏈接的使用 超鏈接偽類屬性 a:link 表示該超鏈接文字尚未被點選 a:visited 表示該超鏈接文字已被點選過 a:active 表示該超 ...
1.CSS 中鏈接的使用
2.CSS 中游標的使用
3.CSS 中 DHTML 的使用
4.CSS 中縮放的使用
1 18 8. .1 1 S CSS 中 鏈接的使用
超鏈接偽類屬性
a:link 表示該超鏈接文字尚未被點選
a:visited 表示該超鏈接文字已被點選過
a:active 表示該超鏈接文字正被點選,但未被放開
a:hover 表示當滑鼠停留在文字上
1 18 8. .2 2 S CSS 中 游標的使用
屬性名稱 屬性值 說明
cursor auto 游標是預設
crosshair 游標是十子形
default 游標是箭頭
hand/pointer 游標是手形
move 游標是移動的符號
text 輸入文字的符號
wait 漏斗
help 幫助
1 18 8. .2 2 S CSS 中 L DHTML 的使用
屬性名稱 屬性值 說明
behavior url DHTML 文件
3 18.3 S CSS 中縮放的使用
屬性名稱 屬性值 說明
zoom normal 使用對象的實際尺寸
百分數/浮點實數 放大縮小
11CSS鏈接
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
a{
color: red;
text-decoration: none;
background: green;
border: 1px dashed black;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">我是超級鏈接加邊框去掉下劃線</a>
</body>
</html>
12CSS鏈接
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
a:link{
color: red;
text-decoration: none;
}
a：visited{
color: red;
text-decoration: none;
}
a:hover{
color: blue;
text-decoration: underline;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">我是超級鏈接偽類的滑鼠放上去就會加下劃線和變色</a>
</body>
</html>
13CSS鏈接
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
a:{
color: red;
text-decoration: none;
}
a:hover{
color: blue;
text-decoration: underline;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">我是超級鏈接偽類的滑鼠放上去就會加下劃線和變色</a>
</body>
</html>
21CSS游標的使用滑鼠放上去箭頭變成手型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
div{
cursor: pointer;
}
</style>
</head>
<body>
<div>我是滑鼠放上去箭頭變成手型</div>
</body>
</html>
22CSS游標的使用滑鼠放上去箭頭變成圖標
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
span{
cursor:url("images/860402.ani");
}
</style>
</head>
<body>
<span>我是滑鼠放上去箭頭變成圖標</span>
</body>
</html>
