CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)

这里气候宜人,物产丰富,风景优美,是中国重点风景旅游城市。多明媚的秋天哪,这里,再也不是焦土和灰烬,这是千万座山风都披着红毯的旺盛的国土。那满身嵌着弹皮的红松,仍然活着,傲立在高高的山岩上,山谷中汽笛欢腾,白望在稻田里缓缓飞翔。秋天的美是成熟的——它不像春那么羞涩,夏那么坦露,冬那么内向。
/*CSS样式设置 涂聚文 Geovin Du**/
复制代码
代码如下:

.text8
{
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/05.jpg);
height:42px;
text-align:center;
}
.geovindu
{
cursor:auto;
text-decoration: none;
color: #000;
}
a.geovindu:hover .text8
{
/*background: #000;*/
color:red;
background-image: url(../images/06.jpg);
}
.content
{
margin-top:10px; padding-top:10px;
}
a.geovindu:visited .text8
{
text-decoration:none;
color:red;
background-image: url(../images/06.jpg);
}

/*HTML 代码 涂聚文 Geovin Du**/
复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>涂聚文,CSS设置DIV Herf底层图片和链接同时改变 </title>
<link rel="shortcut icon" rel="nofollow noopener noreferrer" href="http://www.dupcit.com/faviconlukfook.ico" type="image/x-icon" />
<link rel="icon" rel="nofollow noopener noreferrer" href="http://www.dupcit.com/faviconlukfook.ico" type="image/ico" />
<link rel="bookmark" rel="nofollow noopener noreferrer" href="http://www.dupcit.com/faviconlukfook.ico"/>
<meta name="Author" content="Geovin Du 涂聚文"/>
<meta name="Keywords" content="涂聚文"/>
<meta name="Description" content="涂聚文"/>
<link rel="nofollow noopener noreferrer" href="http://geovindu.blog.163.com/blog/css/Css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<a rel="nofollow noopener noreferrer" href="http://geovindu.blog.163.com/blog/#" id="geovindu" class="geovindu">
<div class="text8" id="text8"><p id="content" class="content">涂聚文系统産品介绍</p></div> </a>
<a rel="nofollow noopener noreferrer" href="http://geovindu.blog.163.com/blog/#" id="geovindu" class="geovindu">
<div class="text8" id="text8"><p id="content" class="content">涂聚文産品介绍</p></div> </a>
</div>
</body>
</html>

到此这篇关于CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)就介绍到这了。人在世上,恩一定要报,仇可以不报,因为因果自有循环,但帮你的人一定要让他有回报。更多相关CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题