`
zzy7182
  • 浏览: 123414 次
  • 性别: Icon_minigender_1
  • 来自: 火车头
社区版块
存档分类
最新评论

a标签样式

 
阅读更多
一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:

总: a          表示所有状态下的连接 如 .mycls a{color:red}

① a:link:未访问链接 ,如 .mycls a:link {color:blue}

② a:visited:已访问链接 ,如 .mycls a:visited{color:blue}

③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{color:blue}

④ a:hover:鼠标移到链接上时 ,如 .mycls a:hover {color:blue}

一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。

前三者分别对应body元素的link、vlink、alink这三个属性。

四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置有无下划线(总是有的)。

举例:伪类的常见状态值

<style type = “text/css”>

<!--

a {font-size:16px}

a:link {color: blue; text-decoration:none;} //未访问:蓝色、无下划线

a:active:{color: red; } //激活:红色

a:visited {color:purple;text-decoration:none;} //已访问:purple、无下划线

a:hover {color: red; text-decoration:underline;} //鼠标移近:红色、下划线

-->

</style>
复制过来,无侵犯版权的想法,请见谅!!
分享到:
评论

相关推荐

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

    a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 .mycls a{color:red} ① a:link:...

    a标签样式 和 a标签属性 .docx

    ### A标签样式详解 在网页设计中,A标签(即`&lt;a&gt;`标签)作为超链接的主要载体,其样式的设计对于提升用户体验具有重要意义。通过CSS(层叠样式表),我们可以为A标签设置丰富的样式,特别是在处理不同状态下的链接...

    a标签连接样式表css

    a标签连接样式表 a标签样式 是页面变得随心所欲

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

    在CSS中定义a标签样式的时候,需要注意的是,上述四种状态的样式设置,必须严格遵循LVHA顺序。如果不按照这个顺序定义样式,那么一些样式将不会按照预期工作。例如,如果先定义了a:active状态,再定义a:hover状态,...

    Jquery控制A标签Css样式

    ### JQuery控制A标签CSS样式的实现方法 在前端开发中,使用JQuery库来操作DOM元素的样式是一种常见的做法。本文将详细介绍如何利用JQuery控制动态`&lt;a&gt;`标签的CSS样式,包括鼠标悬停、点击等交互效果的实现。 #### ...

    vue 动态修改a标签的样式的方法

    Vue 动态修改 a 标签的样式的方法 在 Vue 项目中,经常需要动态修改 a 标签的样式,以满足不同的业务需求。例如,在今日头条的头部导航中,点击不同分类时,样式也需要跟着变化。本文将介绍 Vue 动态修改 a 标签的...

    页面中将submit样式转换成a标签的样式

    要将`submit`样式转换为`a`标签样式,我们可以采取以下步骤: 1. **HTML结构**:将`&lt;input type="submit"&gt;`替换为`&lt;a&gt;`标签,同时保留提交表单的功能。可以使用`&lt;button&gt;`标签替代,因为它能更好地容纳内联内容,...

    CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类

    此外,也可以直接为链接指定样式,但这将需要在每个需要特殊样式的`&lt;a&gt;`标签上单独添加样式定义,这种方法虽然直接,但并不方便管理。 在定义链接样式的伪类时,应确保使用正确的属性值,如颜色值、文本装饰(text-...

    vue删除html内容的标签样式实例

    删除标签样式: var striphtml = require('js-striphtml'); striphtml.striptags('&lt;body&gt;I am a &lt;b&gt;HTML&lt;/b&gt; string.&lt;div class=clear&gt;&lt;/div&gt;&lt;/body&gt;', [ 'b' ]); // Returns I am a &lt;b&gt;...

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

    - 使用JavaScript遍历所有a标签,为当前被点击的标签设置特定样式,同时移除其他标签的特定样式。 - 使用JQuery提供的css方法来简化样式的添加和移除过程。 需要注意的是,在实际的代码中,可能由于OCR扫描的准确性...

    HTML标签的默认CSS样式汇总

    11. **表格的表头单元格(thead)、表体(tbody)和表脚(tfoot)**:这些标签有特定的默认样式,如背景色、边框等。 12. **定义列表(dl)、定义项(dt)和定义描述(dd)**:`dt`通常作为术语,`dd`作为解释,...

    html标签样式重置reset.css文件

    html标签样式重置reset.css文件,取消标签原来特殊样式方便自定义,例如a标签下划线,span标签前面的小圆点,清除浮动解决塌陷的兼容样式

    让所有的浏览器都能识别HTML5网页标签样式

    "让所有的浏览器都能识别HTML5网页标签样式"这一主题,意味着我们关注的是如何确保在各种不同的浏览器上,HTML5的新特性得到一致的支持和渲染。 首先,HTML5新增了一系列语义化的标签,如、、、、、等,这些标签...

    CSS:A标记样式

    - 颜色:默认情况下,A标签的文本颜色和下划线行为由浏览器默认样式决定。我们可以使用`color`属性改变文本颜色,如`a {color: #007BFF;}`,将链接颜色设置为蓝色。 - 下划线:默认状态下,A标签有下划线。要移除...

    tab标签样式左右滑屏切换效果

    在网页设计中,"tab标签样式左右滑屏切换效果"是一种常见的交互设计手法,它能够有效地组织和展示大量内容,同时提供用户友好的导航体验。这种设计尤其适用于购物类网站,因为它可以帮助用户轻松地在不同的商品分类...

    tab标签样式左右全屏焦点图代码

    在网页设计中,"tab标签样式左右全屏焦点图代码"是一种常见的交互设计元素,它结合了tab标签和焦点图的特性,为用户提供了一种高效、直观的信息展示方式。这种设计通常用于展示多个相关内容,如产品介绍、新闻更新...

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

    通过使用适当的CSS属性和伪类,我们可以轻松地将一个普通的`&lt;a&gt;`标签模拟成按钮样式。这种方法不仅能够提升网页的整体美观性,还能够增强用户的交互体验。希望本文能够帮助你更好地理解和掌握这一技巧。

Global site tag (gtag.js) - Google Analytics