主页 > 网站建设 >

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

网站建设 2023-01-28 20:49www.1681989.com免费网站
/CSS样式设置 涂聚文 Geov Du/

复制代码
代码如下:

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

/HTML 代码 涂聚文 Geov Du/

复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://.w3./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>涂聚文,CSS设置DIV Herf底层图片和链接改变 </title>
<lk rel="shortcut icon" href="http://.dupcit./faviconlukfook.ico" type="image/x-icon" />
<lk rel="icon" href="http://.dupcit./faviconlukfook.ico" type="image/ico" />
<lk rel="bookmark" href="http://.dupcit./faviconlukfook.ico"/>
<meta name="Author" content="Geov Du 涂聚文"/>
<meta name="Keywords" content="涂聚文"/>
<meta name="Description" content="涂聚文"/>
<lk href="http://geovdu.blog.163./blog/css/Css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<a href="http://geovdu.blog.163./blog/#" id="geovdu" class="geovdu">
<div class="text8" id="text8"><p id="content" class="content">涂聚文系统産品介绍</p></div> </a>
<a href="http://geovdu.blog.163./blog/#" id="geovdu" class="geovdu">
<div class="text8" id="text8"><p id="content" class="content">涂聚文産品介绍</p></div> </a>
</div>
</body>
</html>
上一篇：DIV+CSS 兼容小集 下一篇：CSS实现垂直居中的几种方法

网站设计

Copyright © 2016-2025 www.1681989.com 推火网 版权所有 Power by