仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 957|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来看看:纯CSS弄的alt跟title效果

[复制链接]
透明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
<style>
.test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;}
.test:hover{background:none;}
.testspan{display:none;}

.test:hoverspan{display:block;position:absolute;top:20px;left:8px;border-bottom:2pxsolid#eee;border-right:2pxsolid#eee;}
.test:hoverspanp{border:1pxsolid#ccc;background:#fff;color:#000;padding:5px;text-align:left;font-size:12px;}
</style>
<aclass="test"href="#">链接一<span><p>静态网站制造指南_www.ckuyun.com</p></span></a>
<aclass="test"href="#">链接二<span><p>静态网站制造指南_www.ckuyun.com</p></span></a>
<aclass="test"href="#">链接三<span><p>静态网站制造指南_www.ckuyun.com</p></span></a>
保留为htm扫瞄

</p>
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
小魔女 该用户已被删除
沙发
发表于 2015-1-18 05:33:33 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
透明 该用户已被删除
板凳
 楼主| 发表于 2015-1-26 09:45:21 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
精灵巫婆 该用户已被删除
地板
发表于 2015-2-4 18:08:04 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
莫相离 该用户已被删除
5#
发表于 2015-2-10 05:29:06 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
小妖女 该用户已被删除
6#
发表于 2015-2-28 22:57:12 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
若天明 该用户已被删除
7#
发表于 2015-3-17 06:43:22 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
不帅 该用户已被删除
8#
发表于 2015-3-24 01:34:57 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 07:17

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表