动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 手机学院 | 邮件系统 | 网络安全 | 认证考试
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
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的链接美化.
.用相对定位和负向移动完成图片象.
.初学CSS和标准建站的一些CSS常用.
.CSS教程:十步学会用css建站.
.最常用的CSS小把戏(Most used CS.
.详细介绍CSS的三种selector.
.css一招解决不同浏览器页面错位.
.常用CSS缩写语法总结及缩写的原因.
.网页制作必知:初探CSS3的RGBA颜.
.搞定CSS SPAN和DIV的区别.
.CSS中权重的例子.
.解决倾斜鼠标翻转导航制作麻烦问.
.纯CSS制作的网页中的lightbox效果.
.精通 CSS 滤镜(四).
.用css让图片自动适应大小.
.利用CSS控制打印.
.Div+CSS+JS树型菜单,可刷新.
.淘宝的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(复位)整理 人气:723
下一篇:Mozilla Firefox 建议的CSS书写顺序 人气:958
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 2009年新年快乐
  最新网站源码 最新软件下载
2009-1-8 SMF论坛Simple Machines Forum v
2009-1-8 SMF论坛Simple Machines Forum v
2009-1-8 深度学习(asp)拼图游戏 v0.2.3
2009-1-8 纵横B2B电子商务系统XYECS!B2B v
2009-1-8 马克斯CMS v2.0 bulid 090105 be
2009-1-8 淘宝妈妈_淘客推广系统 v1.0
2009-1-8 淄博某企业网站源码
2009-1-8 silverlight制作的手机功能演示
2009-1-8 大型WEB束鹿三国游戏 特别版
2009-1-7 汉字任意点阵字库制作软件 V2.6
2009-1-7 书法家毛笔字生成器 Ougishi V4.
2009-1-7 字体修复大师
2009-1-7 微雨字体效果浏览器 1.0
2009-1-7 字体试衣间 2.9.6.8 豪华版
2008-11-29 Tencent Traveler 4.4
2008-11-29 龙卷风网络收音机 v3.0.0.0
2008-11-29 Intel Chipset Software Install
2008-11-29 TweakVI 1.0 Build 1100
  发表评论
姓 名: 验证码: [ 查看评论 ]
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | OPEN参数生成器 | 弹出式窗口代码产生器 | 密码登录生成器 | 在线按钮生成器 | Meta标签生成器 | 多色彩特效字代码生成器 | 网页代码调试器 | 在线FTP登陆 | Flash取色器 | 配色代码对照表 | 配色辞典 | CSS生成器 | 广告代码 | 框架网页代码生成器 | js/vbs加密 | md5加密 | 进制转换 | UTF-8 转换工具 | 在线调色板 | Html转换js | Html转换asp | Html转换php | Html转换perl
实用工具:汉字翻译拼音 | 拼音字典 | 符号对照表 | 个税计算 | 公积金贷款计算 | 购房银行按揭利率计算 | 实时汇率查询换算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 | 国家代码与域名缩写 | 文字加密解密 | 元素周期表 | 健康查询 | 世界时间 | 全国各地车牌查询 | 全国车辆交通违章查询 | 万年历 | 二十四节气 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2009 www.knowsky.com All rights reserved | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵
SEO対策 中国語教室 ホームページ作成