zoukankan      html  css  js  c++  java
  • 鼠标悬停提示文本消息最简单的做法

    摘自百度

    最简单的做法,给标签增加title属性,并赋上要显示的内容,也就是添加title属性即可。

    代码:

    <div title="全部内容">部分内容</div>

    注:title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。

    扩展资料:

    HTML的title属性的用法

    1、HTML的title属性,当光标移动到该标签时,信息提示框内的内容

    </body>

    <hr>

    <p title="HTML的标签真多啊!">属性选择器</p>

    </body>

    2、设置标签样式时指定 属性css样式

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <!--页面内容关键字-->

    <meta name="keywords" content="页面内容关键字">

    <title>css:是层叠样式表</title>

    <!--外部样式-->

    <link rel="stylesheet" type="text/css" href="css1.css">

    <style type="text/css">

    /*有tittle属性*/

    [title] {

    color: darkmagenta;

    }

    /*指定tittle属性值*/

    [title=t] {

    color: red;

    }

    </style>

    </head>

    <body> 

    <hr>

    <p title="HTML的标签真多啊!">属性选择器</p>

    <hr>

    <p title="t">属性选择器指定属性值</p>

    </body>

    </html>

  • 相关阅读:
    分西瓜(dfs)
    括号配对(栈)
    gcd表(欧几里得定理)
    整数性质(拓展欧几里得算法)
    欧几里得算法(求最大公约数)拓展欧几里得算法
    删除元素(二分查找)
    括号配对问题
    公司组织看电影(综合)
    取余数(%)
    幼儿园分苹果(/)
  • 原文地址:https://www.cnblogs.com/zou-rong/p/10156996.html
Copyright © 2011-2022 走看看