导航:首页 > 万维百科 > 网页设计链接伪类设计

网页设计链接伪类设计

发布时间:2021-03-06 06:23:41

1、使用伪类的设置网页链接

写错了吧,中间应该是冒号,如果你想应该到整个网站的所有a元素上,只需加下面代码就版行了权:
<style type="text/css">
<!--
a:link{color:#ee570d;text-decoration:underline;font-family:楷体;font-size:30px}
a:visited{color:blue;text-decoration:underline;font-family:楷体;font-size:30px}
a:hover{color:red;text-decoration:underline;font-family:楷体;font-size:60px}
a:active{color:fuchsia;text-decoration:none;font-family:楷体;font-size:30px}
-->
</style>

2、css的伪类中a:visited等设置的超链接样式是所有的超链接,如果我只想设置其中一部分的超链接

给这部分增加样式例如下面例子

a.want-set-css:visited{
   // your css code here.
}
<a href="#" class="want-set-css">需要设置visited样式的链接</a>
<a href="#">默认的链接</a>

这样就只会专影响设置class的超链接。属

3、用css伪类选择器怎样对网页中指定超链接设置特定的样式?(不是所有的超链接,是指定的一部分)谢谢了!

你可以在a 链接的加过一个class 或者 用 父级+ a 的方式也可以啊

这样就只是指定一部份了

4、网页设计中的动态脸接中a:link a:visited a:hover a:active四种状态的含义是什么?

a:link 是指超链接正常的时候的状态
a:visited 是超链接被点击以后的状态
a:hover 是超链接鼠标经过状态
a:active 是超链接激活状态

呵呵~~希望帮到您

5、简述css链接文字的伪类

大部分浏览器支持四种基本的链接状态:未访问过的链接,已经被访问过的链接,访问者内的鼠标停留在链接上容面的状态,访问者鼠标点击时刻的状态。css提供了4个伪类选择器与这些状态相对应——:link, :visited, :hover, :active.利用它们可以应用不同的格式给每一种状态。
css伪类语法规则:
selector:pseudo-class{property:value;

举个栗子:

a:link{color:#FF0000}
a:visited{color:#00FF00}
a:hover{color:#FF00FF}
a:active{color:#0000FF}

提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
提示:伪类名称对大小写不敏感。

6、伪类css样式是否可以应用于除超链接外的其他网页元素?

可以的,伪类css不一定是用在超链接的,也可以用在您指定的类、id、或者网页body内的任意标签。比如: li:hover{} 、 p:hover{}等等。

7、HTML中超链接和CSS的伪类元素

清除字体效果时不要用伪类:
.two ul li a{text-decoration:none;}
而且你在:link中先设定颜色再清除掉不是做无用功么……

8、淘宝装修页面,在自定义区内编辑代码,想实现css对链接a的伪类控制(:hover),但淘宝代码自动过滤,怎么

回答是没办法实现!

9、超链接中伪类的设置

a {
内font-size: 10px;
容color: red;
border-top: 1px dotted red;
}
a:visited {
font-size: 20px;
color: blue;
border-bottom: 1px double pink;
}
a:hover {
font-size: 30px;
color: green;
text-decoration: line-through;
text-decoration-color: blue;
}
a:active {
font-size: 40px;
color: green;
}

10、html css 网页设计 a:link ,a:visited,a:hover, 怎么 添加行内样式

a:link,a:visited,a:hover,貌似不可以用行内样式表示哦。

可以用内部样式:

<style>
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}
</style>

也可以用css文件中的外部样式:

<link rel="stylesheet" type="text/css" href="test.css"></link>
test.css文件里:
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}

但是貌似不可以用行内样式的。

如果一定要用,可以这样的方式来:

<a href="javascript:void(0);" onmouseover="this.style.color='yellow';" onmouseout="this.style.color='blue';" onclick="this.style.color='red';">链接</a>

其中,onmouseout对应的a:link,onclick对应的a:visited,onmouseover对应的a:hover

与网页设计链接伪类设计相关的知识