1、首先打開dw,點擊設計;

創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務憑祥,10多年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18980820575
2、然后用鼠標點擊你想要加熱點的圖片,點擊選中以后,用鼠標點擊左下角劃熱點的一種矩形工具;
3、選擇工具以后就可以在要加熱點的圖片上劃熱點了;
4、劃上熱點以后在左下角添加上鏈接。
在html中顯示如下:
body
img?src="images/loginfoot.jpg"?border="0"?usemap="#Map1"?name="foot"?width="100"?height="100"/??
map?name="Map1"????
area?shape="rect"?coords="50,50,100,100"?style="cursor:hand"?href="login.jsp"?/?
area?shape="rect"?coords="0,0,50,50"?style="cursor:hand"?href="main.jsp"/???
/map
/body
1.你是要背景圖片100%鋪滿body;
2.還是body 100%整個網(wǎng)頁;
3.還是body是框架集里面的一個頁面,你想它的高100%頁面;
你的問題使我想到這些問題,不過我想你問的因該是第3個;我就給第3個寫個答案吧,如果不是請把問題描述詳細寫;
在頁面的head/head標簽中間加上
style type="text/css"
body,html{height:100%}
/style
1.的解決辦法
body style=" margin:0;background:url(../images/leftbg.jpg) repeat"
body上的樣式這樣寫就可以了
這個需要兩組圖片來做,分別是當前選中狀態(tài)和未選中狀態(tài)。
一種做法是將一張未選中背景和一裝選中背景圖片,上面的文字在div里面實現(xiàn),這樣可以用的圖片比較少。
另外一種是將上面四個菜單文字帶背景分別切兩種狀態(tài)的圖片,圖片會比較多,但是文字效果會跟設計圖更一致,因為圖片中文字是黑體的,html中對宋體字的顯示效果最好。
圖片切換需要要js去實現(xiàn),用jquery會比較容易~
這種情況用table比較合適,例如
table width="200" border="0" cellspacing="0" cellpadding="0" height="200"
tr
td align="center" valign="middle" bgcolor="#CCCCCC"img src="" width="100" height="70" //td
/tr
/table
主要不清楚你的圖片是定寬還是定高的。。
style type="text/css"
.outter{border:1px solid #ccc;padding:15px;width:500px;margin:0 auto;text-align:center;position:relative;}
.inner{border:30px solid #fff;width:470px;position:absolute;top:0;left:0;height:70px;}
.imgBox,li{list-style:none;margin:0;padding:0;}
.imgBox li{display:table-cell;text-align:center;vertical-align:middle;border-left:20px #fff solid;width:100px;height:100px;overflow:hidden;}
.imgBox span{display:inline-block;background-color:#ccc;max-width:100px;}
.imgSize1{width:120px;height:100px;}
.imgSize2{width:50px;height:100px;}
.imgSize3{width:100px;height:50px;}
.imgSize4{width:50px;height:50px;}
/style
div class="outter"
ul class="imgBox"
lia href="#"span class="imgSize1"/span/a/li
lia href="#"span class="imgSize2"/span/a/li
lia href="#"span class="imgSize3"/span/a/li
lia href="#"span class="imgSize4"/span/a/li
/ul
div class="inner"/div
/div
方法和詳細的操作步驟如下:
1、第一步,打開html編輯器并創(chuàng)建一個新的html文件,具體見下面的圖示,進入到下一步驟中。
2、第二步,新建完一個新的html文件后,在index.html的style標簽中,輸入如下所示的CSS代碼,具體見下面的圖示,進入到下一步驟中。
3、第三步,輸入完CSS代碼之后,接下來運行index.html頁面。
可以發(fā)現(xiàn),本地圖片通過背景圖片中的本地路徑成功調(diào)用為了背景圖片,具體見下面的圖示。這樣,圖片就成功加入了。
文章題目:css圖片選中css樣式,css圖片居中樣式怎么設置
URL地址:http://chinadenli.net/article10/dsejgdo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設計公司、響應式網(wǎng)站、全網(wǎng)營銷推廣、移動網(wǎng)站建設、網(wǎng)站排名、網(wǎng)站維護
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)