CSS a 控制超链接文字样式

转载 2012年03月22日 23:29:59

超链接的代码
<a href="http://www.divcss5.com/" target="_blank" title="关于div css的网站">DIV+CSS</a>
解析如下:
href 后跟被链接地址目标网站地址这里是http://www.divcss5.com/
target
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

title 后跟链接目标说明,也就是超链接被链接网址情况简要说明,或标题

CSS可控制超链接样式-css链接样式如下
a:active是超级链接的初始状态
a:hover是把鼠标放上去时的状况
a:link 是鼠标点击时
a:visited是访问过后的情况

超链接样式案例


1、通常对全站超链接样式化方法
a{color:#333;text-decoration:none; } //对全站有链接的文字颜色样式为color:#333;并立即无下划线text-decoration:none;
a:hover {color:#CC3300;text-decoration:underline;}//对鼠标放到超链接上文字颜色样式变为color:#CC3300;并文字链接加下划线text-decoration:underline;


2、通过链接内设置类控制超链接样式css方法
案例超链接代码<a href="http://www.divcss5.com/" class="yangshi">CSS</a>
对应CSS代码
a.yangshi{color:#333;text-decoration:none; }
a.yangshi:hover {color:#CC3300;text-decoration:underline;}
通过这样的设置可以控制链接内的css类名为“yangshi”超链接的样式


3、通过对应超链接外的父级的css类的css样式来控制超链接的样式
案例超链接代码<div class="yangshi"><a href="http://www.divcss5.com/">CSS</a></a>
对应CSS代码
.yangshi a{color:#333;text-decoration:none; }
.yangshi a:hover {color:#CC3300;text-decoration:underline;}

这里值得注意的是a.yangshi与.yangshi a的样式css代码区别

使用CSS控制超链接样式的注意事项

在网页设计中我们经常使用CSS控制超级链接样式。但是我们必须注意标签的先后顺序,否则可能达不到预期的效果。 笔者在制作网页的时候曾按下列顺序排列这几个标签: a:link{font-siz...

Css——&lt;a&gt;超链接样式

  • 2011年09月05日 19:28
  • 12KB
  • 下载

为 TextView 的部分文字设置超链接样式并监听点击事件

TextView的部分文字设置超链接样式并监听点击事件 修改TextView中部分文字的颜色 flags对一段文字设置一些标识TextView的部分文字设置超链接样式并监听点击事件 package c...

android 为TextView的部分文字设置超链接样式并监听点击事件

android 为TextView的部分文字设置超链接样式并监听点击事件 标签: android textview超链接 2015-09-11 11:24 5961人阅读 评论(0) ...

android 为TextView的部分文字设置超链接样式并监听点击事件

android 为TextView的部分文字设置超链接样式并监听点击事件

android 给选中的文字添加点击事件和修改audoLink 的超链接样式

package com.a;import java.util.regex.Matcher;import java.util.regex.Pattern;import java.util.regex.P...

01-超链接文字的样式(页面效果)

Demo超链接 td { font-size: 9pt; color: #007766; } a:link { font-size: 9pt; color: #cccccc; font-...

(经验)在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序

原文地址 以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确。...

css超链接样式

CSS可控制超链接样式-css链接样式如下 a:active是超级链接的初始状态  a:hover是把鼠标放上去时的状况  a:link 是鼠标点击时  a:visited是访问过后的情况 ...

CSS A link hover active visited伪类超链接锚文本样式应用用法案例

我们设置一个超链接,对其设置CSS样式,通过CSS A设置其四种样式效果。通过一个简单的对文本设置css a样式情况了解学习CSS a锚文本样式。 1、案例css代码   .divcss5 a:...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS a 控制超链接文字样式
举报原因:
原因补充:

(最多只允许输入30个字)