css中超链接a如何链接到上一

html-css017

css中超链接a如何链接到上一,第1张

1、首先在css中超链接a标签的href属性中，设置属性值为另一个名字的形式。

2、其次找到目标位置标签，里面添加个id属性，也就是刚刚定义的名字。

3、最后点击使用即可链接到上一个，非常的方便、快捷。

html超链接样式包括：正在连接、访问过、鼠标盘旋，各个文本字体样式设置如下

<style type="text/css">

<!-- 超链接文本字体设置-->

A {

FONT-SIZE: 16pxFONT-FAMILY: 宋体

}

<!-- 超链接正在连接的文本字体设置-->

A:link {

COLOR: #0055bbTEXT-DECORATION: none

}

<!-- 超链接访问过的文本字体设置-->

A:visited {

COLOR: #0077bbTEXT-DECORATION: none

}

<!-- 超链接鼠标盘旋的文本字体设置-->

A:hover {

COLOR: #ff0000TEXT-DECORATION: none

}

</style>

css是无法加超链接的，但是可以在一个A标签下设置背景图片加入超链接，具体步骤如下。

1、新建test.html文件。

2、首先要把超链接a块级化，方法如下：

给a添加css代码 : a{ display:block}

代码截图如下：

3、使用backgroung-image为a链接加背景图片，用法如下：

a{ background-image:url(xxx.jpg)}

不过仅仅这样写还不能显示出背景图片，需要和第二步结合才行。

代码截图如下：

4、用到的图片素材如下，图片名字为001.jpg，位置截图如下。

5、实例演示给超链接加背景图片，代码如下：

<html>

<head>

<style>

a{background-image:url(001.jpg)display:blockwidth:300pxheight:100pxfont-size:25px}

</style>

</head>

<body>

<a>我是带背景图片的超链接</a>

</body>

</html>

6、运行效果截图如下。