- 浏览: 1072804 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (453)
- Struts2 (30)
- Spring (14)
- iBATIS (6)
- Hibernate (13)
- JVM (5)
- JSON (10)
- Ajax (5)
- Flex (1)
- JavaScript (25)
- PowerDesigner (4)
- 项目管理 (7)
- 数据库 (29)
- 生活 (18)
- 软件应用 (21)
- 无线技术 (2)
- Linux (39)
- TOP开发学习 (2)
- JAVA工具小TIPS (2)
- Java通用 (52)
- XML (3)
- 软件测试 (29)
- Maven (10)
- Jquery (1)
- 正则表达式 (3)
- 应用服务器 (15)
- Android (5)
- linux 和windowx 下 tomcat 设置JVM (8)
- 应用服务器 连接池 (4)
- Linux 后台输出中文乱码 (1)
- Hadoop (28)
- python (2)
- Kafka (7)
- Storm (5)
- Elasticsearch (7)
- fddd (1)
最新评论
-
kafodaote:
Kafka分布式消息系统实战(与JavaScalaHadoop ...
分布式消息系统Kafka初步 -
小灯笼:
LoadRunner性能测试实战课程网盘地址:http://p ...
LoadRunner性能测试应用(八) -
成大大的:
Kafka分布式消息系统实 ...
分布式消息系统Kafka初步 -
hulalayaha2:
Loadrunner性能测试视频教程下载学习:http://p ...
LoadRunner性能测试应用(八) -
993042835:
搞好 谢谢
org.hibernate.exception.ConstraintViolationException: could not delete:
多种链接样式制作方法 挺简单的,看看下面这个多种链接样式制作方法的实例,你就明白了如何用CSS制作多种链接样式了
<html>
<head>
<title>CSS制作多种链接样式实例</title>
<style type="text/css">
<!--
a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: underline}
a:active { color: #800080; text-decoration: underline}
a.red:link { color: #FF0000; text-decoration: none}
a.red:visited { color: #FF0000; text-decoration: none}
a.red:hover { color: #606060; text-decoration: underline}
a.red:active { color: #606060; text-decoration: underline}
a.ameth:link { color: #400040; text-decoration: none}
a.ameth:visited { color: #400040; text-decoration: none}
a.ameth:hover { color: #FF3399; text-decoration: underline}
a.ameth:active { color: #FF3399; text-decoration: underline}
div.other a:link { color: #004000; text-decoration: none}
div.other a:visited { color: #004000; text-decoration: none}
div.other a:hover { color: #008000; text-decoration: underline}
div.other a:active { color: #008000; text-decoration: underline}
-->
</style>
<!-- 链接样式表 -->
</head>
<body>
第一种样式(默认的) <a href="http://www.dayanmei.com">个人日志</a> <br>
第二种样式 <a class="red" href="http://www.dayanmei.com">个人日志</a><br>
另外一种实现链接样式的方法 <a class="ameth" href="http://www.dayanmei.com">个人日志</a><br>
<div class="other">DIV容器实现链接样式的方法 <a class="other" href="http://www.dayanmei.com">个人日志</a></div><br>
</body>
</html>
当然,你完全可以将CSS代码写入一个CSS文件,这样做的好处,不仅是你的网页HTML代码简洁了,而且你会发现速度也跟着提升了,因为浏览器会缓存你的CSS文件,更重要的是你要改变样式时只需要改变CSS样式表文件就可以了
这样写
css样式文件 default.css
a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: underline}
a:active { color: #800080; text-decoration: underline}
a.red:link { color: #FF0000; text-decoration: none}
a.red:visited { color: #FF0000; text-decoration: none}
a.red:hover { color: #606060; text-decoration: underline}
a.red:active { color: #606060; text-decoration: underline}
a.ameth:link { color: #400040; text-decoration: none}
a.ameth:visited { color: #400040; text-decoration: none}
a.ameth:hover { color: #FF3399; text-decoration: underline}
a.ameth:active { color: #FF3399; text-decoration: underline}
div.other a:link { color: #004000; text-decoration: none}
div.other a:visited { color: #004000; text-decoration: none}
div.other a:hover { color: #008000; text-decoration: underline}
div.other a:active { color: #008000; text-decoration: underline}
现在,你只需要将CSS包含进你的HTML文件就可以了
index.htm
<html>
<head>
<title>CSS制作多种链接样式实例</title>
<link rel="stylesheet" type="text/css" href="default.css">
<!-- 链接样式表 -->
</head>
<body>
第一种样式(默认的) <a href="http://www.dayanmei.com">个人日志</a> <br>
第二种样式 <a class="red" href="http://www.dayanmei.com">个人日志</a><br>
另外一种实现链接样式的方法 <a class="ameth" href="http://www.dayanmei.com">个人日志</a><br>
<div class="other">DIV容器实现链接样式的方法 <a class="other" href="http://www.dayanmei.com">个人日志</a></div><br>
</body>
</html>
发表评论
-
java.lang.NoClassDefFoundError: com/sun/mail/util/LineInputStream
2013-05-10 16:10 775C:\Program Files (x86)\MyEc ... -
读取word pdf中的文字 用第三方组件 pdfbox 和 poi
2013-03-20 23:51 942读取word pdf中的文字 用第三方组件 pdfbox 和 ... -
非常好使的FileUtil 类
2013-03-09 12:45 969package com.zqk.util; imp ... -
eclipse 3.4.1 导入项目后 Target runtime Apache Tomcat v5.0 is not defi...
2012-05-29 09:27 1776下载最新版本eclipse3.4.1后,导入以前的项目,报 ... -
MyEclipse 6.5 序列号生成器
2011-06-10 09:47 1632import java.awt.event.ActionEve ... -
字节序 整形与字节数组转换
2010-12-15 13:43 2307Big Endian and Little Endian ... -
JPEG文件数据结构以及将位图保存为JPG的代码 转2
2010-12-02 13:31 2798三、实例分析 用系统自带的画图程序画一个32×24的红色方块 ... -
JPEG文件数据结构以及将位图保存为JPG的代码 转1
2010-12-02 13:30 3004JPEG文件数据结构以及将位图保存为JPG的代码一、简 ... -
Nginx+resin调优文档
2010-11-18 17:02 2269http://blog.liuts.com/post/204/ ... -
分析 Tomcat startup.bat 启动脚本
2010-11-03 14:53 3188分析 Tomcat startup.bat 启 ... -
Tomcat配置优化 转
2010-11-03 14:51 10351.精简Tomcat和配置文件1.1 .删除不需要的管理应用和 ... -
URLConnection 读取字节流
2010-10-27 13:15 32282008-11-08 山寨Wget实现又惹事了 h ... -
字节到整形的转换
2010-10-27 12:47 1368public byte[] intToByte(int i) ... -
Gif 文件格式分析
2010-10-27 11:45 1017GIF文档ˉˉˉˉˉˉ 1.概述~~~~~~~~ ... -
JPG文件格式解码图片高度和宽度的分析
2010-10-27 10:34 977213. 简单说一下 JPG 文件的解码 ---------- ... -
虚拟主机上给一个网卡设置多个IP地址
2010-10-13 17:22 1830配置虚拟主机时有一种方式是在一块网卡上绑定多个IP,操作如下: ... -
linux下一个网卡配置多个IP
2010-10-13 17:21 928文本控制台下面有netconfig,还有ifconfig工具, ... -
[转载]linux中sar的详细使用
2010-10-13 17:06 856在使用UNIX操作系统的过程中,我们常常 ... -
Linux中sar命令
2010-10-13 17:05 958Linux中sar命令 sar这东 ... -
Resin 3 pro高并发,响应性与稳定性方案(转)
2010-10-13 12:59 3571Resin 3 pro高并发,响应性与稳定性方案(转) ...
相关推荐
应用无序列表ul制作多种菜单元素; ?标题标签h1-h4在页面中的使用; ?定义列表dl的应用实例及组织页面元素的实例; ?有序列表ol的应用实例; ?CSS Sprites工作原理; ?制作图文混排的页面元素; ?通过修改CSS...
5、轮播动画(广告)可以根据栏目设置不同样式(包括图片轮播、Flash动画、单张图片),并可以扩展设计多种不同的图片轮播方式; 6、独创的产品图片及图集模块图片多种样式显示模式,后台支持批量图片上传; 7、...
发布专题 ... 更新内容: ...·栏目站外链接的样式bug ·为方便模版制作,部分inc文件后缀改为aspx ·侧栏统一调用side.aspx文件 ·Js库flash代码添加透明声明 ·更多细节敬请体验 反馈QQ群:176374645
ie55_scroll 自定义浏览器滚动条的特效CSS Marquee 插入滚动文字效果 scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 ...
9、独创的产品图片及图片模块图片多种样式显示模式,支持同一产品添加无限张图片; 10、翻页样式、每页信息显示数、时间格式、热门信息点击次数、最新信息发布天数等完全实现后台自定义; 11、DIV+CSS布局,全部兼容...
可插入多组导航菜单,菜单内容和风格样式分离,可以选择不同的导航菜单类型、菜单风格和配色,灵活组合并任意定位。网站不再拘泥于设计好的 布局模板,让您摆脱布局框架的束缚,尽享创意的乐趣; 三、背景布局和...
可插入多组导航菜单,菜单内容和风格样式分离,可以选择不同的导航菜单类型、菜单风格和配色,灵活组合并任意定位。网站不再拘泥于设计好的 布局模板,让您摆脱布局框架的束缚,尽享创意的乐趣; 三、背景布局和...
可插入多组导航菜单,菜单内容和风格样式分离,可以选择不同的导航菜单类型、菜单风格和配色,灵活组合并任意定位。网站不再拘泥于设计好的 布局模板,让您摆脱布局框架的束缚,尽享创意的乐趣; 三、背景布局和插件...
addToFavoritesBH 制作加入收藏夹的链接 Anchors 建立扩展的命令锚点 BustFrames 让其他网页无法将你的主页加载入框架页中 Calendar 为指定月份建立日历 ClosePopupWindow 制作关闭弹出的窗口 CloseWindowOb 建立...
addToFavoritesBH 制作加入收藏夹的链接 Anchors 建立扩展的命令锚点 BustFrames 让其他网页无法将你的主页加载入框架页中 Calendar 为指定月份建立日历 ClosePopupWindow 制作关闭弹出的窗口 CloseWindowOb 建立...
模板与程序分离,标签调用,支持DIV CSS,批量设置属性,让模板制作更简单 全新“网站模板与网站程序完全分离”的概念,具有强大的标签加样式的个性化组合,自定义标签、自定义表单、JS管理加JS模型(自定义JS,系统...
模板与程序分离,标签调用,支持DIV CSS,批量设置属性,让模板制作更简单 全新“网站模板与网站程序完全分离”的概念,具有强大的标签加样式的个性化组合,自定义标签、自定义表单、JS管理加JS模型(自定义JS,系统...
3.修改jdbc链接,自己导入数据库。 4.把服务器下install\config下的web.xml复制出来覆盖掉新建项目WEB-INF下的web.xml 5.classes下有四个文件,手动烤到myeclipse项目src根目录下中 6.将服务器上jeecms项目删掉,...
制作加入收藏夹的链接 Anchors 建立扩展的命令锚点 BustFrames 让其他网页无法将你的主页加载入框架页中 Calendar 为指定月份建立日历 ClosePopupWindow 制作关闭弹出的窗口 CloseWindowOb 建立关闭当前窗口的链接 ...
模板与程序分离,标签调用,支持DIV CSS,批量设置属性,让模板制作更简单 全新“网站模板与网站程序完全分离”的概念,具有强大的标签加样式的个性化组合,自定义标签、自定义表单、JS管理加JS模型(自定义JS,...
5、内置丰富模块边框样式 6、可自定义导航菜单和模块边框,快速制作及模仿网站显示效果。 7、强大的后台管理功能,文章、图片、产品、菜单、页面等各种内容管理应有尽有。 8、内置大量功能模块。 9、良好的SEO...
模板与程序分离,标签调用,支持DIV CSS,批量设置属性,让模板制作更简单 全新“网站模板与网站程序完全分离”的概念,具有强大的标签加样式的个性化组合,自定义标签、自定义表单、JS管理加JS模型(自定义JS,...
模板与程序分离,标签调用,支持DIV CSS,批量设置属性,让模板制作更简单 全新“网站模板与网站程序完全分离”的概念,具有强大的标签加样式的个性化组合,自定义标签、自定义表单、JS管理加JS模型(自定义JS,...