给超级链接增加其他样式

给超级链接增加其他样式

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}

Mouse over the links to see them change layout.

This link changes color

This link changes font-size

This link changes background-color

This link changes font-family

This link changes text-decoration

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

让文字的第一行特殊化

p:first-line
{
color: #ff0000;
font-variant: small-caps
}

You can use the :first-line pseudo-element to
add a special effect to the first line of a text!

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • javascript 控制超级链接的样式代码

    超级链接 linkColor="#ff0000"; linkFontSize="18px"; linkFontWeight="normal"; linkTextDecoration="none"; vlinkColor="#ff0000"; vlinkFontSize="18px"; vlinkFontWeight="normal"; vlinkTextDecorat

  • 获取内联和链接中的样式(js代码)

    复制代码 代码如下: var head = document.getElementById( "box" ); // alert( head.style.background ) // alert( head.style.cssFloat || head.style.styleFloat ) // 获取float不一样 // head.style.fontSize = "30px" head.style.color = "#f00"; // (t

  • javascript 读取内联之外的样式(style、currentStyle、getComputedStyle区别介绍)

    样式表有三种方式 内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效. 内部样式(internal Style Sheet):是写在HTML的<head></head>里面的,内部样式只对所在的网页有效. 外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件. 下面

  • 详谈 CSS样式表使用：链接/嵌入

    在阿捷的w3cn中,他说: 引用内容在以前,我们通常采用2种方法使用样式表:页面内嵌法:就是将样式表直接写在页面代码的head区.类似这样:<style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用.<link rel="styles

  • 给超级链接增加其他样式

    给超级链接增加其他样式 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

  • ASP超级链接和HTML函数正则表达式 修正版

    过滤超级链接 复制代码 代码如下: Function RegRemoveHref(HTMLstr) Set ra = New RegExp ra.IgnoreCase = True ra.Global = True ra.Pattern = "<A[^>]+>(.+?)<\/A>" RegRemoveHref = ra.replace(HTMLstr,"$1") END Function 过滤所有HTML代码 复制代码 代码如下: Fu

  • 如何把URL和邮件地址转换为超级链接？

    Function InsertHyperlinks(inText)Dim objRegExp, strBufDim objMatches, objMatchDim Value, ReplaceValue, iStart, iEnd strBuf = ""  iStart = 1  iEnd = 1  Set objRegExp = New RegExp objRegExp.Pattern = "\b(www|http|\S+@)\S+\b" ' 判断URLs和ema

  • 用JavaScript动态建立或增加CSS样式表的实现方法

    1.简单的方法,不管不顾,直接这样就可以: document.createStyleSheet().cssText = '标签{color:red;' + // 这个注释只在当前JS中帮助理解,并不会写入CSS中 'width:300px;height:150px}' + '.类名{--}' + '#ID们{--}' ; //完活.我喜欢分号这样写,和指令书写的起始位置对齐比较好一点,尤其是后面有其它语句的时候. 2.完善一点的方法,防止重复添加,可以通过添加样式表ID并对其判断来实现: if

  • javascript使用switch case实现动态改变超级链接文字及地址

    代码很简单,我这里就不多废话了,小伙伴们直接看源码吧. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="te

  • asp去除所有的超级链接的两种方法 替换与正则

    <% '****************************** '函数:RemoveHref_A(HTMLstr) '参数:HTMLstr,待去除链接的字符串 '作者:阿里西西 '日期:2007/7/12 '描述:去除字符串中所有的超级链接 '示例:<%=RemoveHref_A("<a href=/abc/h.html>测试</a>")%> '****************************** Function RemoveH

  • FCKEditor超级链接默认新窗口打开的修改方法

    FCKEditor超级链接默认新窗口打开的修改方法

    Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧.易用.方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向我们反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢? 效果如图所示: 打开 fckeditor\editor\dialog\fck_link.html 查找 id="cmbTarget" 的 select 标签, 添加 selected="selected" 属性 复制代

  • 易语言修改在访问完网页后超级链接框中文本的颜色

    易语言修改在访问完网页后超级链接框中文本的颜色

    访问后的颜色属性 所属对象:超级链接框   操作系统支持:Windows,数据类型:整数型: 将整数型数据赋值到指定对象的访问后的颜色属性中 语法:  对象.访问后的颜色 =  整数型 应用对象:超级链接框 例程 说明: 本属性设置在访问完网页后,超级链接框的标题中文本的颜色. 设置超级链接框访问网页后的颜色为访问后颜色选择器选择的颜色. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看

  • 易语言通过超级链接框跳转到网页的方法

    易语言通过超级链接框跳转到网页的方法

    类型属性 所属对象:超级链接框   操作系统支持:Windows,数据类型:整数型: 将整数型数据赋值到指定对象的类型属性中 语法:对象.类型 = 整数型 应用对象:超级链接框 例程 说明: 本属性设置在超级链接框中,连接的是网址还是邮件地址. 设置超级链接框的标题是我们网址//www.jb51.net/,然后让超级链接框的Internet地址为我们网址,最后跳转连接网页. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的

随机推荐