㈠ 在CSS中如何给背景图片加上超链接
在CSS中给背景图片加上超链接,其实就是给这个背景图片的块添加超链接,我们可以通过在这个块的前面添加一个a标签来实现,然后填写上你所需要的链接地址就行了,通过代码来理解:
<html>
<head>
<style>
#div1{
width:660px;
height:400px;
border:1px soild #f00;
background:url('图片地址');
}
</style>
</head>
<body>
<a href="">
<div id='div1'>
</div>
</a>
</body>
</html>
㈡ css外部链接时怎么添加背景图片
这个写错了trl是什么啊
<link
trl="stylesheet"
herf="文件.css"
type="text/css">
css链接该这么写,放在head里面
<link
type="text/css"
rel="stylesheet"
href="文件名.css"
/>
注意CSS文件路径一定要对
还有我写dody背景的css时喜欢简写
body{background:url(../bg.jpg)
no-repeat;width:1003px;height:600px;}
注意一定要写宽度和高度才能出来。
㈢ DIV+Cssr插入背景图片怎么加连接
可以给你一个很实用的方法,具体是这样的
你给在背景图片所在的区域的里面。假设用div的区域设置背景图片,然后在div标签嵌套三个a,如下:
<div>
<a href="###" class="a1">立即购买</a>
<a href="###" class="a2">新年价</a>
</div>
其他的雷同
然后把a转换为区块display:block;
再然后加上你想设置超链接的区域所需要的width和height
用相对定位 把这个a定位到指定的位置即可
你可以试试这种方法,当然,还有其他的方法,希望帮助到你!
㈣ div 怎么设置网络链接背景图片
在做页面时候,有时难免会把图片图片做成背景,但是又想加个链接,可以采用正面的办法解决。
#logo { width:249px; height:62px; background-image:url(images/logo.gif);}
#logo a{ display:block; width:249px; height:62px; cursor:hand; }
然后在<html>里加入以下代码
<div id="logo"><a href="http://IP"></a>
用IE浏览图片就能有超链接,鼠标并以一个小手出现,在dreamweaver效果是一样的。
特别说明:为背景加超链接时必须加display:block,并且按Logo图片的大小定义好它的宽和高。这样才能达到想要的效果。
㈤ html网页制作中如何设置背景图片(如何引用)
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:
㈥ 怎么给CSS背景图片加上链接
.rate a{display:none;} 这个不要,采用 text-indent:-999px; 但是要设置a的宽度。
㈦ CSS超链接添加背景图片
哈哈 你的做法都错了!这样肯定不可以的 要把他转换为区块元素 然后才可以设置背景图的!
㈧ Css样式中怎样给背景图片加链接
本末倒置,是给链接加背景图:
<a id="caidanbg" href="hxjs.asp">链接</a>
#caidanbg{
display: block;
width:180px;
height:43px;
background:url(../images/hxjsan1.jpg) no-repeat;
text-indent: -99999em;
}
㈨ 怎么使用CSS实现超链接有背景图像
为a标签添加一个背景就可以了
a{
width: 20px;
height: 18px;
background: url(images);
display: inline-block;
}
宽和高是必须的,因为使用背景图片是需要宽高的
㈩ html怎么改变超链接背景图
css不行 得用javascript
<divclass="top_sina">
<ahref="#"><imgsrc="images/header_button_1_1.gif"></a>
</div>
<scripttype="text/javascript">
varimg=document.getElementsByTagName("img")[0];
img.onmouseover=function(){img.src="/*要更换的图片地址*/";}
img.onmouseout=function(){img.src="images/header_button_1_1.gif";}
</script>