`

自定义title样式

    博客分类：
  • html
CSSHTML 
阅读更多 
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body {font:normal 12px Verdana}
a#tip {position:relative;left:75px; font-weight:bold;}
a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}
a#tip span {display:none;text-decoration:none;}
a#tip:visited {color:#000;text-decoration:underline;}
a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#EFEFEF;padding:10px 20px;position:absolute;top:0px;left:260px;color:#009933}  
/* span#tip_info 初始化为不可见，当鼠标悬停a#tip上时,span#tip_info可见*/

/*a:link {color: #FF0000}      未访问的链接 */
/*a:visited {color: #00FF00}   已访问的链接 */
/*a:hover {color: #FF00FF}     当有鼠标悬停在链接上 */
/*a:active {color: #0000FF}    被选择的链接 */

</style>
</head>
<body>
<a id="tip" href="#">
很简单的东西,不过比较爽,鼠标来移过来看看!
<span id="tip_info">这里是提示信息!</span>
</a>
</body>
</html>
 
分享到：
| MySQL常用命令
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics