自定义title样式

最新推荐文章于 2023-07-05 14:20:09 发布

ueaner

最新推荐文章于 2023-07-05 14:20:09 发布

阅读量227

点赞数

分类专栏： html 文章标签： CSS HTML

本文链接：https://blog.csdn.net/Ueaner/article/details/83724415

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<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>

ueaner

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自定义title样式

&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;style type="text/css"&gt;body {font:normal 12px Verdana}a#tip {position:relative;left:75px; font-weight:bold;}a#tip:link,a#tip:hover...
复制链接

扫一扫

专栏目录