Css中光标,DHTML,缩放的使用

浏览数：19 / 时间：2015年06月09日

Css中光标的使用：

属性名称属性值说明
cursor auto 默认输入文字的符号
　　　　　　　　　 crosshair 光标是十子形
　　　　　　　　　 default 光标是箭头
　　　　　　　　　 hand/pointer(IE中通用) 光标是手形
　　　　　　　　　 move 光标是移动的符号
　　　　　　　　　　text 输入文字的符号
　　　　　　　　　　wait 漏斗
　　　　　　　　　　help 帮助

..................

<!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=utf-8" />
<title>Css中光标,DHTML,缩放的使用</title>
<style type="text/css">
    span{
        cursor:crosshair;
}


</style>
</head>
<body>

    <span>PHP100.COM中文网</span>

</body>
</html>

CSS 中 DHTML 的使用:

属性名称属性值说明
behavior url DHTML 文件

htc是一个javascript文件

<!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=utf-8" />
<title>Css中光标,DHTML,缩放的使用</title>
<style type="text/css">
    span{
        behavior:url("E:\网页与平面设计\素材库\htc文件\toolbar.htc");
}

</style>
</head>
<body>

    <span>PHP100.COM中文网</span>

</body>
</html>

CSS 中缩放的使用：

属性名称属性值说明
zoom normal 使用对象的实际尺寸
百分数/浮点实数放大缩小

<!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=utf-8" />
<title>Css中光标,DHTML,缩放的使用</title>
<style type="text/css">
    span{
        behavior:url("E:\网页与平面设计\素材库\htc文件\toolbar.htc");
}
div{
    width:400px;
    height:400px;
    background-color:#3F0;
}
img{
    width:200px;
    zoom:4.5;
}

</style>
</head>
<body>
<div>
    <span>PHP100.COM中文网</span>
    <img src="../../../素材库/8izofddp.jpg" />
</div>
</body>
</html>