css 里面怎么改链接颜色

a.color1:link{color: #FFFFFF ; text-decoration:none;} /*常规时候的样式*/
a.color1:visited{color: #FFFFFF; text-decoration:none;} /*鼠标指上去的样式*/
a.color1:hover {color: #FFFFFF; text-decoration:underline;} /*访问过后的样式*/
调用方式:<div class="bai18"><a class="color1" href="#">测试</a></div>
需要链接有这个样式的就在<a>标签上加class="color1",不需要的就不加就可以!
另外你表示#FFFFFF的颜色可缩写为:#fff

时间： 2024-08-07 14:52:16

css 里面怎么改链接颜色的相关文章

CSS如何实现自定义链接提示

CSS如何实现自定义链接提示: 在默认状态下可以使用<a>标签的title属性实现链接提示效果.例如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁部落</title

css实现鼠标经过导航颜色变换效果

css实现鼠标经过导航颜色变换效果,如下图: 1.先准备两张图片分别为:nav.jpg.hover.jpg,放到images文件夹里面. 2.准备一个index.html文档,该文档跟images评级,如下图: index.html的html代码 <div class="nv"> <ul> <li><a href="#">首页</a></li> <li><a href=&quo

用css修改HTML5 input placeholder颜色

使用CSS修改HTML5 input placeholder颜色 本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术.本文将为读者讲解HTML5 Input Placeholder Color的个性化设定,需要针对不同浏览器内核来编程. 问题: David Murdoch:Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeh

CSS和JS去掉链接虚线框的多种方法

当我们点击链接后,链接周围会显示一个虚线框,那么怎么去掉这个虚线框呢?其实方法还挺多,用CSS就可以,但使用javaScript似乎也是一个好方法. 1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的.前端框架示例 .代码   <a href="#" hidefocus="true" title

CSS中的长度单位及颜色表示

   CSS中的长度单位及颜色表示 长度单位: px:像素,绝对单位 em:相对单位,如果用于font-size属性本身,则是相对于父元素的font-size.若用于其他属性(width,height),则是相对于本身元素的font-size.所有未经调整的浏览器都符合: 1em=16px. rem:相对字体长度单位,只相对根元素即html元素字体大小. fr:自适应单位,fr单位被用于在一系列长度值中分配剩余空间,如果多个已指定了多个部分,则剩下的空间根据各自的数字按比例分配. 颜色表示: 十

CSS伪类 （链接的各种效果）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> a:link/*链接自然状态下的颜色*/ { color: red; } a:visited/*已经访问了的链接变色*/ { color: gr

两行 CSS 代码实现图片任意颜色赋色技术

如何通过纯 CSS 技术实现任意图片的任意颜色赋色技术呢? 使用 background-blend-mode: lighten 实现任意图片颜色赋色技术 假设我们有这样一张图片,JPG.PNG.GIF 都可以,但是有一个前提要求,就是黑色纯色,背景白色: 利用 background-blend-mode ,我们可以在图片下叠加多一层其他颜色,通过 background-blend-mode: lighten 这个混合模式实现改变图片主体颜色黑色为其它颜色的目的. 简单的 CSS 代码示意如下:

css 修改选中文字的颜色

突然想试着修改一下博客里面文本选中时的颜色,然后就找到了相应的css代码如下: body::selection { color:#FFFFFF; background-color:#E84893; text-shadow:none; } body::-moz-selection { color:#FFFFFF; background-color:#E84893; text-shadow:none; } 效果如下图所示: 1.浏览器默认样式 2.使用上面样式之后

使用CSS修改HTML5 input placeholder颜色

问题没有实际价值,缺少关键内容,没有改进余地 Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML <input type="text" placeholder="Value" /> 运行结果值还是灰色,Color:red没有作用.有什么方法可以修