CSS鼠标滑动显示标题全部移开显示几个字符

来源：互联网发布：淘宝短链接生成编辑：程序博客网时间：2024/06/05 09:45

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="武汉,网页特效,js特效," />
<meta name="description" content="www.baidu.com,css特效" />
<title>网页特效。</title>
<style>
/*overflow: visible;*/
/** {
margin: 0;
padding: 0;
}*/

div {
margin:100px;
/* list-style: none;*/
}

div a {
color: #ff0000;
text-decoration: none;
position: relative;
display: block;
}

div span {
font-size: 12px;
display: none;
}

div a:hover {
background:;
}

div a:hover span {
padding: 2px;
background: #ffc;
color: #000;
font-size: 12px;
border-width: 1px 2px 2px 1px;
border-color: #000000;
border-style: solid;
position: absolute;
top: -50px;
left: 0;
display: block;
}
</style>
</head>
<body>
<div>
<a href="http://www.zzjs.net/" title="">
武汉科技武汉科技<span>站长特效网，打造国内最帅的网页特效站！</span></a>
</div>
</body>
</html>

阅读全文

0 0