`
vera_sq
  • 浏览: 118819 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

设置a标签链接字体的颜色

阅读更多

页面代码:

<div class="mybtn14_3">
<a href="view/business/tasksTypeAdd.jsp">添加业务类型</a></div>
        

 

因为链接地址是放在div里面的,div的class属性是调用css里面设置的,如果想要给这个链接设置字体颜色的,就需要在css文件里面增加mybtn14_3 a的配置:

这部份是div调用的css样式
.mybtn14_3
{
        background: url(../image/toolbar2.3.png) repeat-x;
        line-height:32px;
        height:32px;
}

这部份是设置a标签的字体属性
.mybtn14_3 a
{
   color:#fff;
}

 

分享到:
评论
2 楼 vera_sq 2010-01-12  
tianshi0253 写道
一般一个a元素有四个状态,定义的时候最好也定义上。
.mybtn14_3 a,.mybtn14_3 a:link,.mybtn14_3 a:active,.mybtn14_3 a:visited,.mybtn14_3 a:hover{color:#fff;}



学习了!
1 楼 tianshi0253 2010-01-12  
一般一个a元素有四个状态,定义的时候最好也定义上。
.mybtn14_3 a,.mybtn14_3 a:link,.mybtn14_3 a:active,.mybtn14_3 a:visited,.mybtn14_3 a:hover{color:#fff;}

相关推荐

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    2. 编写changeCss函数,该函数遍历所有a标签,将它们的颜色设置为原始颜色,然后将被点击的a标签的颜色设置为突出显示的颜色。 ```javascript function changeCss(obj) { var alist = document....

    a标签的链接特效

    /* 设置文字颜色 */ text-decoration: none; /* 移除默认的下划线 */ padding: 5px 10px; /* 添加内边距,提高可点击区域 */ transition: background-color 0.3s ease; /* 添加平滑过渡效果 */ } a:hover { /* ...

    a标签样式 和 a标签属性写法

    a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。...③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{color:blue} ④ a:hover:鼠标移到链接上时 ,如 .m

    77种常用文字链接谍颜色CSS

    在CSS中,我们可以使用`color`属性来设置文本颜色,对于链接(`&lt;a&gt;`标签),我们还可以使用以下伪类选择器来分别定义不同状态的颜色: 1. `a:link` - 未访问的链接 2. `a:visited` - 已访问的链接 3. `a:hover` - ...

    VC6 Tab控件 改变标签和背景颜色 程序源代码

    `My ColorTab.dsp`是项目文件,记录了工程的配置信息,如编译设置、链接设置等。 实现自定义颜色的过程中,开发者可能需要使用GDI(Graphics Device Interface)或GDI+来绘制标签和背景。这涉及到使用`CDC`类进行...

    去掉的下划线与设置的颜色

    本文将详细介绍如何通过 CSS(层叠样式表)去除 `&lt;a&gt;` 标签默认的下划线,并统一设置页面内所有 `&lt;a&gt;` 标签的颜色。 #### 一、理解 `&lt;a&gt;` 标签 `&lt;a&gt;` 标签是 HTML 中用于创建超链接的标签,其默认样式通常包括蓝色...

    用css把a链接模拟成button的样子的方法

    这里设置为中心对齐,使得链接中的文字居中显示。 6. **`height`**:定义链接的高度。 7. **`text-decoration`**:去除默认的下划线装饰。 8. **`color`**:设置文本颜色。 9. **`display`**:定义元素的显示方式。...

    a标签的css样式四个状态LVHA的设计

    比如,即使在a:hover状态中将链接文字颜色设置为黑色,而a:active状态中文字颜色设置为红色,那么在链接被点击的瞬间,链接的颜色将会是红色,而不会是黑色。 最后,a标签的这四个状态样式不仅仅是关于文字颜色和...

    html网页字体颜色设置大全

    HTML5虽然废弃了`&lt;font&gt;`标签,但它引入了一系列新的元素和属性,使得字体颜色的设置更加直观和灵活。例如,可以使用`&lt;span&gt;`元素结合类(class)或ID来指定特定文本的颜色: ```html 这是红色文字 ``` 然后在CSS...

    css类库(初始化样式 字体样式 公用空隙 全局链接颜色 字体颜色属性 其他属性 )

    CSS允许开发者精确控制文本的视觉呈现,如`font-family`用于指定字体类型,`font-size`设置字体大小,`color`设定文字颜色,`line-height`调整行间距,`font-weight`定义字体粗细等。 3. **公用空隙**:在布局中,...

    易语言标签链接源码

    开发者可以通过设置标签的属性(如位置、大小、字体、颜色等)和文本内容,来自定义其显示效果。易语言中的标签控件不支持用户交互,即用户无法通过点击标签进行操作。 3. **链接(Link)** 链接通常表现为可点击...

    给正在访问的链接加背景色,改变链接颜色

    这段代码的核心逻辑是遍历所有的`&lt;a&gt;`标签,清除它们的`class`属性,然后将点击的链接元素的`class`设置为`thisStyle`,从而应用相应的样式。 #### 总结 综上所述,通过结合使用HTML、CSS和JavaScript,我们可以...

    易语言标签链接源码.rar

    易语言标签链接源码可能涉及到如何动态修改标签内容、设置标签样式以及与其他控件交互的实现方式。 链接(Link)则常用于创建超链接,点击后可以跳转到网页、文件或其他程序。在易语言中,实现链接功能通常需要利用...

    在同一页面设置不同文字链接效果的样式.rar

    综上所述,通过灵活运用HTML的`&lt;a&gt;`标签和CSS选择器,我们可以轻松地在同一页面上设置不同文字链接的效果,从而提高网页的可读性和吸引力。实践过程中,还可以结合JavaScript(JS)特效进一步增强用户体验,比如添加...

    鼠标悬停<a>标签效果

    在网页设计中,鼠标悬停效果是提升用户体验的重要一环,尤其对于链接(&lt;a&gt;标签)来说,这种交互设计可以向用户明确指示可点击区域并预览相关信息。本话题我们将深入探讨“鼠标悬停&lt;a&gt;标签效果”的实现,以及如何通过...

    jQuery 让A链接显示特效title

    例如,我们可以通过 `.css()` 方法改变提示框的外观,如颜色、字体大小、边框等。 4. **延迟与动画**:jQuery 的 `.delay()` 方法和 `.fadeIn()` 或 `.show()` 方法结合,可以实现更快速的提示显示,比如立即显示...

    js设置文字颜色的方法示例

    总结一下,JavaScript设置文字颜色主要涉及以下知识点: 1. 使用CSS定义样式。 2. 使用`document.createRange()`或`document.body.createTextRange()`创建文本范围。 3. 使用`window.getSelection()`获取当前选区。 ...

    HTML设置超链接字体颜色和点击后的字体颜色

    其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: :link :visited :hover :active 因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签–a,锚标签...

    HTML标签汇总模板.doc

    * text:设置网页的默认文字颜色 * link:设置网页的默认链接颜色 * alink:设置鼠标单击时的链接颜色 * vlink:设置访问后链接文字的颜色 * background:设置网页的背景图像 * bgcolor:设置网页的背景颜色 * ...

    网页设计鼠标放入文字链接上出现背景颜色效果

    每个链接都包裹在一个`.toolbarmenu`类的`&lt;div&gt;`标签内,而链接本身使用`&lt;a&gt;`标签表示,并设置了`href`属性指向不同的网址。`target="_blank"`属性表示点击链接时将在新的浏览器标签页中打开链接目标。 #### 五、...

Global site tag (gtag.js) - Google Analytics