首页 > 代码库 > Css中光标,DHTML,缩放的使用

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

2024-07-12 13:40:20   220人阅读

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>


联系
我们