如何设置网页单个连接颜色

 时间:2026-02-11 21:27:36

1、设置单个连接颜色,首先在<style></style>间输入ccs样式,然后再创建

:link

:visited 

:hover 

:active

样式,比如ccs样式名称为a1那:link,样式为a1:link,

:link,为链接颜色

:visited ,为访问过后的链接颜色

:hover ,为鼠标在其上的颜色

:active,为点击时的颜色

如何设置网页单个连接颜色

2、然后再需要改变连接文字处输入<a class="a1" href="*****">

原本链接为<a  href="*****">,插入class="a1",a1为css样式编号

3、如果不需要变化,强制改变改变连接颜色,可以输入类似如下代码<a href="xxx"><font color=red>aa</font><font color=#FFF>bb</font></a>aa两字为红色,bb两字为白色,虽然颜色不同但属于同一连接,除了red,white,等等简单的颜色词均可输入,推荐16种,黑色,blue浅蓝,teal靛青,red大红,olive褐黄,white亮白,silver浅灰,绿,aqua天蓝,purple紫,yellow黄,navy蓝,lime,maroom深红,fuchsia品红,灰,除了输入颜色词,还可以输入十六进制颜色如#FFF,#000

4、:link

:visited 

:hover 

:active

四种样式,属于层叠样式,比如a1,可以层叠a1:link,a1:link和a1,一样就可以设置背景等属性,其三种也一样,可以设置出效果,比如鼠标放上去改变背景颜色,字体大小,等等,打代码设置

:link

:visited 

:hover 

:active

属性较为麻烦可以,先打部分代码如

.a1:link {

}

如何设置网页单个连接颜色

5、然后再在css样式中修改属性,具体为点击最上方菜单栏的窗口按钮,点击css样式,出现css样式窗口,选择需要改动的样式如a1:link,点击编辑(右下角红圈处),然后修改具体样式

如何设置网页单个连接颜色

如何设置网页单个连接颜色

6、为了是设置有效,各设置顺序不要出错,否则浏览器可能读取不出来

:link

:visited 

:hover 

:active

,除了以上顺序,代码中的长宽高等顺序也一样,当然如果文本中只有一个样式文件,浏览器还是可以读出来的,多了顺序就要排好

7、如果全网页就一种链接,需要改动点击菜单栏,修改选项,点击页面属性,左边分类选择框内选择,链接css,然后可以根据需要设置具体可以看下方引用经验链接

  • Dreamweaver CS6如何应用:[14]插入控件
  • div+css编写html页面,层之间的无缝连接如何实现
  • Dreamweaver如何看到当前网页详细的结构
  • HTML怎么实现网页跳转
  • 怎么让div居中
  • 热门搜索
    怎么在家兼职赚钱 旅游管理专业就业方向 如何发表论文 u盘识别不了怎么办 如何处理医患关系 如何练腹肌最快最有效 工作检查怎么写 怎么更换qq头像 手热是怎么回事 新三板如何打新股