㈠ 在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>