给超级链接增加其他样式- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 给超级链接增加其他样式

CSS样式表: IE6使用浮动去掉元素中的多余空白间距; CSS教程:定位属性在元素中的层级关系; SEO入门教程:自然搜索结果PPC广告和热图; 21个神奇的CSS技巧; CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]; CSS 很酷的透明样式; 百度有啊 CSS圆角实现代码; 优秀的CSS 框架整理; CSS和“★”字符制做的中国国旗实现代码; 基于firebug的firefox扩展 css usage; 减少图片HTTP请求的方法分析; CSS 面向对象CSS FAQ; 驯服CSS选择器; DIV+CSS 浮动布局完美解决方案; CSS 网页背景渐变实现代码; CSS 网页布局中的图文列表实现代码; css IE8 兼容问题的汇总; CSS 实现网页图片的预加载; web开发中怎么样使css书写规范?; div+css样式表的id和class常用命名规则

No. « ‹ 105 106 107 108 › »

技术文章搜索

关键字

CSS样式表中的给超级链接增加其他样式

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 142 ::

收藏到网摘: n/a

CSS 实用实例(推荐) 给图片加阴影效果的CSS

给超级链接增加其他样式

点击运行可以看到效果:

<html>
<head>
<style type="text/css">
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
</style>
</head>
<body>
Mouse over the links to see them change layout.
<a class="one" href="default.asp" target="_blank">This link changes color</a>
<a class="two" href="default.asp" target="_blank">This link changes font-size</a>
<a class="three" href="default.asp" target="_blank">This link changes background-color</a>
<a class="four" href="default.asp" target="_blank">This link changes font-family</a>
<a class="five" href="default.asp" target="_blank">This link changes text-decoration</a>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

让文字的第一行特殊化

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

CSS 实用实例(推荐) 给图片加阴影效果的CSS

CSS样式表 中的 给超级链接增加其他样式

评论 (0) All

CSS样式表中的给超级链接增加其他样式