⑴ dreamweaver如何添加圖片邊框
操作步驟:
1.在Dreamweaver里新建html文檔,圖片要事先准備好並放到指定文件夾下。
2.在body里添加<img src="images/xcg.png" style="width:268px;height:268px;border:10px outset #CCCCFF;" />改語句。其中:img是圖片標簽 src表示圖片資源,images/xcg.png表示圖片路徑,style表示樣式,width表示寬度,height表示高度,border表示圖片邊框,outset表示邊框突出,#CCCCFF表示邊框顏色。
3.效果圖。
網頁完整代碼清單如下:
<!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>無標題文檔</title>
</head>
<body>
<!--給圖片增加凸出邊框-->
<img src="images/xcg.png" style="width:268px;height:268px;border:10px outset #CCCCFF;" />
</body>
</html>
⑵ 在DW中插入背景圖片時如何讓圖片與邊框完全重合沒有空隙
你先看看你表格的表格線,單元格填充和單元格間距是不是都為0,要是都為0的話可以在單元格的對齊方式上定,這個比較簡單,注意是單元格的對齊方式,就是選中單元格在左下面的那裡的,當然如果用CSS樣式的話是最好的。
⑶ 求高手 解決Dreamweaver中給div或表格加圓角邊框 怎麼加
用圖片做,四個角各切一個圖片,然後上下左右各1個圖片平鋪,中間如果可以用背景色就用背景色做;
用純css做的話,代碼如下:
div#nifty{
margin:
0
10%;background:
#9BD1FA}
p
{padding:10px}
div.rtop,
div.rbottom{display:block;background:
#FFF}
div.rtop
div,
div.rbottom
div{display:block;height:
1px;overflow:
hidden;
background:
#9BD1FA}
div.r1{margin:
0
5px}
div.r2{margin:
0
3px}
div.r3{margin:
0
2px}
div.rtop
div.r4,
div.rbottom
div.r4{margin:
0
1px;height:
2px}
無圖片的圓角表格
⑷ DW怎麼在圖片上面添加搜索框,注意是圖片不是背景圖片,誰知道,求大神幫忙
第一種方式,把圖片設置DIV背景
第二種方式,用浮動層定位實現
⑸ 如何用DW給圖片添加我們喜歡的顏色邊框
1、現在我們有了DW中想實現這一個步驟就容易很多了,在這個軟體當中有一個「Border」屬性的工具,這個工具是可以讓你直接設置邊框的寬度,相比以前我們想要給素材添加邊框這個功能給我們省了很多的時間,而且它添加的效果也相當的不錯,給大家推薦推薦。 2、我們來看看這個工具的具體的操作辦法到底是怎麼樣實現的,給我們的素材設置好寬度後,接下來就是大家都非常關注的問題了,怎麼給我們添加好的框填充成我們喜歡的顏色,大家看了一下工具欄裡面發現沒有給邊框添加顏色這個工具啊!很茫然吧,教大家一個小技巧吧,就是用我們的滑鼠選擇我們加好邊框的圖片,這里要注意不是點擊選中圖片,而是拖動選擇。接下來就像設定文字顏色一樣對我們的圖片進行設置顏色就可以了,是不是很簡單?
⑹ Dreamweaver 8如何添加網頁圖片邊框
你可以給圖片加鏈接接著在自定義鏈接的css樣式加2px的邊框即可,
如果有抖動就再給圖片(沒加鏈接的)加個白色背景就行了啦!
⑺ 用Dreamweaver製作網頁時,怎麼設置層和圖片的邊框粗細和顏色
border:1px red solid;這行代碼就能表達層或者圖邊框的粗細和顏色以及邊框的狀態。
注釋:
border即是指邊框。
1px也就是邊框的粗細度,數字越大,邊框越粗。
red是指邊框的顏色,這里也可以自定義。這邊是指紅色。
solid是指邊框是實線,不是虛線。 虛線是dashed;
用在層上: <div style="border:1px red solid;"></div>
用在圖上:<img src="圖的地址" style="border:1px red solid;">
⑻ 怎樣在DREAMWEAVER里給圖片加邊框
在<img>標簽中加:空格style="border:1px solid #000;"
如果一個站,里的所有圖片都加一樣的邊框的話 可以在css文件中加img{ border:1px solid #000;}
⑼ Dreamweaver CS6圖片邊框在哪裡設置
Dreamweaver CS6圖片邊框設置方法:
一、邊框顏色樣式單詞 - TOP
border-color:#000(設置4邊邊框顏色為黑色)
border-color:+顏色值,即可設置對象邊框顏色
border-left-color:#000 設置左邊框顏色為黑色
border-right-color:#000 設置右邊框顏色為黑色
border-top-color:#000 設置上邊框顏色為黑色
border-bottom-color:#000 設置下邊框顏色為黑色
條件:必須設置對象邊框存在,設置邊框寬度必須大於或等於1px,邊框顏色才會顯示並有存在意義。
如:
.divcss5{ border-style:solid; border-width:1px; border-color:#000}
這樣就設置對象邊框為實線邊框,邊框寬度(厚度)為1px,邊框顏色為黑色,這樣設置邊框顏色才會生效。
二、邊框顏色樣式設置縮寫簡化 - TOP
.divcss5{ border-style:solid; border-width:1px; border-color:#000}
這樣設置了「.divcss5」對象邊框樣式,我們可以簡寫
.divcss5{ border:solid 1px #000}
三個邊框值空格間隔開
縮寫邊框顏色樣式代碼可以為節約代碼,減少CSS代碼量。