當前位置:首頁 » 背景圖片 » dw如何在背景圖片加邊框
擴展閱讀
ps黑白處理圖片 2025-01-09 20:14:22
4道杠的男人圖片 2025-01-09 20:09:19
嫩模圖片高清圖片 2025-01-09 20:08:01

dw如何在背景圖片加邊框

發布時間: 2022-07-16 04:59:11

⑴ 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代碼量。