CSS超链接-光标-缩放

1.CSS 中链接的使用
2.CSS 中光标的使用
3.CSS 中缩放的使用

1、CSS 中链接的使用
超链接伪类属性
a:link    表示该超链接文字尚未被点选
a:visited 表示该超链接文字已被点选过
a:active  表示该超链接文字正被点选,但未被放开
a:hover   表示当鼠标停留在文字上

2、CSS 中光标的使用
属性名称     属性值      说明
cursor     auto          光标是手指
              crosshair   光标是十子形
              default      光标是箭头
              pointer      光标是手形
              move        光标是移动的符号
              text          输入文字的符号
              wait          漏斗
              help          帮助

3、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" />

<meta name="keyword" content="CSS超链接-光标-缩放"/>

<meta name="description" content="CSS超链接-光标-缩放"/>

<meta name="author" content="xiaobei qq:2801616735"/>

<title>CSS超链接-光标-缩放</title>

<style>

    a:hover{color:red;text-decoration:none;}

    a:visited{color:green;text-decoration:none;}

</style>

</head>

<body>

    <ul>

        <li>超链接</li>

        <li>光标</li>

        <li>缩放</li>

    </ul>

    <h2>1、超链接</h2>

    <p>

        <dl>

            <dt>默认情况:</dt>

            <dd><a href="http://localhost/xhtml/css_link.html">默认情况</a></dd>

            <dt>当鼠标停留在文字上:</dt>

            <dd><a href="http://localhost/xhtml/css_link.html">当鼠标停留在文字上</a></dd>

            <dt>该超链接文字已被点选过:</dt>

            <dd><a href="http://localhost/xhtml/css_link.html">该超链接文字已被点选过</a></dd>

        </dl>

    </p>

    <hr/>

    <h2>2、光标</h2>

    <p>

        <dl>

            <dt>默认情况</dt>

            <dd><span>默认情况</span></dd>

            <dt>箭头</dt>

            <dd><span style="cursor:default;">箭头</span></dd>

            <dt>手形</dt>

            <dd><span style="cursor:pointer;">手形</span></dd>

            <dt>帮助</dt>

            <dd><span style="cursor:help;">帮助</span></dd>

        </dl>

    </p>

    <hr/>

    <h2>3、缩放</h2>

    <p style="width:100px;height:100px; background-color:red; zoom:0.5;">缩放</p>

</body>

</html>

CSS超链接-光标-缩放的更多相关文章

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

    Css中光标的使用: 属性名称                属性值                                         说明cursor                 ...

  2. CSS超链接样式，去除下划线等

    控制超链接样式 链接的四种状态: a:link - 普通的.未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 ...

  3. CSS实现图片缩放特效

    今天是感恩节,祝大家感恩节快乐哦!最近天冷了,大家注意保暖哟.下面一起看看小颖写的demo吧. html代码: <!DOCTYPE html> <html> <head& ...

  4. [css]通过transform缩放邮件客户端h5页面

    摘要 最近一直在折腾邮件通知的东东,大概逻辑就是如果有新邮件,向收件人的app推送一条服务号消息,并且在单击该消息的时候,需要展示邮件的详情. 技术 这里是使用Exchange EWS API来实现的 ...

  5. 使用JavaScript 和 CSS 实现图像缩放和剪裁(转)

    英文原文:Scale and Crop an Image using Javascript and CSS 在页面上需要裁减和缩放一张图片是一个常见问题.缩放图片比较简单的方法是使用image的hig ...

  6. css超链接

    超链接的代码<a href="http://www.divcss5.com/" target="_blank" title="关于div css ...

  7. HTML+CSS之光标悬停图片翻转效果

    设计思路:         首先做一个包括图片和说明文字的简单的页面结构,然后再设置它的变换.将变换的元素,即照片和文字放在一个父容器里面,这就需要四个父容器 ,再将这四个父容器放在最外层的舞台上面进 ...

  8. css实现网页缩放时固定定位的盒子与版心一同缩放

    在网页设计过程中我们可能会出现这种情况:设置好一个固定定位的盒子,但是当网页缩放时固定定位的盒子与网页的版心分离 这是因为css定位中的固定定位是以页面为参照进行定位的,而不是以版心盒子为参照,那么我 ...

  9. PHP全栈开发（八）：CSS Ⅴ 超链接 style

    CSS里面有专门针对超链接的选择器,也就是他们: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - ...

随机推荐

  1. VMware虚拟机中调整Linux分区大小手记（转发）

      前段时间用VMware5.5安装了CentOS5.3,安装的时候分配了5Gb的虚拟硬盘空间给Linux系统,系统安装选择很多组件和软件,后面使用时又安装也一些软件,结果导致虚拟硬盘空间不足.查看分 ...

  2. iOS开发那些事儿（六）Git分之策略

    git 分支策略 将要介绍的这个模型不会比任何一套流程内容多,每个团队成员都必须遵守,这样便于管理软件开发过程. 既分散又集中 我们使用的,且与这个分支模型配合的非常好的库,他有一个“真正”的中央仓库 ...

  3. SpringMVC(二) —— 中文乱码处理

    Get的乱码处理 改tomcat中server.xml中的port=“8080”,加上一个 URIEncoding=”utf-8” 如下图: 2.Post乱码的处理 在web.xml文件中加入 < ...

  4. poj 1450 Gridland

    Gridland Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Su ...

  5. c++数组操作

    一.数组定义和初始化 : 一维数组初始化: : 标准方式一: ]; // value[i]的值不定,没有初始化 : 标准方式二: ] = {,}; // value[0]和value[1]的值分别为1 ...

  6. C语言学习的经典书籍--转载

    推荐前言: 原文出处:http://book.douban.com/doulist/338101/ 和其他语言相比(例如C++),C语言是一门比较“小”的语言,可以在较短的时间内入门.但是由于C的很强 ...

  7. PHP编程中10个最常见的错误

    PHP是一种非常流行的开源服务器端脚本语言,你在万维网看到的大多数网站都是使用php开发的.本篇经将为大家介绍PHP开发中10个最常见的问题,希望能够对朋友有所帮助. 错误1:foreach循环后留下 ...

  8. Android 模块化编程之引用本地的aar

    转: http://www.stormzhang.com/android/2015/03/01/android-reference-local-aar/ 随着项目越来越多,代码的复用就变得异常重要,这 ...

  9. skynet newservice API参考

    local skynet = require("skynet") skynet.start(start_func) c服务snlua启动后执行的第一个lua文件里面的主逻辑必定是s ...

  10. Swift笔记01

    变量使用var 来声明,常量是所有let ,变量名没什么限制 中文表情都可以 ,一般还是使用英文. var str = "luoshuai "  //swift语句后面不需要; l ...