网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.利用CSS制作动感导航栏.
.用css样式控制超链接颜色显示.
.使用CSS定位页面的“footer”.
.DIV+CSS常见错误汇总.
.如何像table一样对层div进行轻松.
.用CSS等比例缩放图片.
.CSS+DIV设计实例:不同色链接和其.
.利用相对定位及偏移量做精美输入.
.避免表格table被撑开变形的CSS.
.基于XHTML的DIV+CSS网页制作布局.
.css技巧-经典中的经典.
.CSS实现鼠标经过图片有黑白变为彩.
.CSS垂直树形下拉菜单.
.div+css布局漫谈.
.CSS框架的利与弊.
.学习CSS制作网页总结的一些经验.
.工作中常用的高效的CSS代码.
.CSS的渲染效率-书写高效的CSS.
.css技巧:批量保存div+css图片方.
.css圆角效果-网页特效.

纯CSS实现的可包含html的title提示

发表日期:2008-10-1


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
A {
    DISPLAY: block; CURSOR: pointer; POSITION: relative;
}
A SPAN {
    DISPLAY: block; LEFT: -9000px;TOP: -9000px; CURSOR: pointer; COLOR: #cc9900; POSITION: absolute; background-color:#CCCCCC; border:#FF9900 solid 1px;
}
A:hover {
    BACKGROUND:#fafafa; COLOR: #000
}
A:focus {
    BACKGROUND:#fafafa; COLOR: #000
}
A:active {
    BACKGROUND:#fafafa; COLOR: #000
}
A:hover SPAN {
    LEFT: 80px; TOP: 10px
}
A:focus SPAN {
    LEFT: 80px; TOP: 10px
}
A:active SPAN {
    LEFT: 80px; TOP: 10px
}
</style>
</head>

<body>
<div class="list">
<ul>
<li><a href="#">Untitled<SPAN>aaaa<br><font color="#FF0000">bbb</font><br><img src="bg_image.jpg" width="350" /></SPAN></a></li>
<li><a href="#">Document<SPAN><img src="bg_image.jpg" width="350" /></SPAN></a></li>
<li><a href="#">Document<SPAN><img src="bg_image.jpg" width="350" /></SPAN></a></li>
<li><a href="#">Document<SPAN><img src="bg_image.jpg" width="350" /></SPAN></a></li>
<li><a href="#">Document<SPAN><img src="bg_image.jpg" width="350" /></SPAN></a></li>
<li><a href="#">Document<SPAN><img src="bg_image.jpg" width="350" /></SPAN></a></li>
</ul>
</div>

</body>
</html>

上一篇:Css Reset(复位)整理 人气:666
下一篇:Mozilla Firefox 建议的CSS书写顺序 人气:893
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐