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

时间：2022-08-04 20:34:51

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>

相关文章