减小字体
增大字体- ·上一篇教程：Painter9加Wacom影拓数码板绘三维雕像
- ·下一篇教程：CSS制作滑动折叠的文字效果
鼠标提示层相对位置设定
<font face="NSimsun"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
<!--
a.info {position:relative; z-index:0; text-decoration:none }
a.infhover {z-index:1; }
a.info span {display: none }
a.infhover span {display:block;position:absolute;top:45px;left:25px;width:180px;border:1px solid #cccccc; background:#fff; color:#333;padding:5px;text-align:left; }
</style>
<body></br></br></br>
<div><a class="info" href="#" ><img src="http://bbs.okajax.com/images/default/logo.gif" /><span>提示:<br>Ajax中国欢迎你！</span></a></div>
</body>
</html></font>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
<!--
a.info {position:relative; z-index:0; text-decoration:none }
a.infhover {z-index:1; }
a.info span {display: none }
a.infhover span {display:block;position:absolute;top:45px;left:25px;width:180px;border:1px solid #cccccc; background:#fff; color:#333;padding:5px;text-align:left; }
</style>
<body></br></br></br>
<div><a class="info" href="#" ><img src="http://bbs.okajax.com/images/default/logo.gif" /><span>提示:<br>Ajax中国欢迎你！</span></a></div>
</body>
</html></font>
