dw怎么給魚片添加邊框線? dreamweaver圖片添加邊框的方法
我要評論在dreamweaver中，我們可以給圖片添加各種樣式的邊框，比如：外邊框 ，內(nèi)邊框，雙色邊框。下面我給大家演示下給圖片添加這三種邊框的操作方法，希望本文可以幫到有需要的朋友們。
給圖片添加內(nèi)邊框
如下所示，在設計器中選擇body img
再用鼠標點擊一下圖片，選中圖片。
然后，在右側(cè)這里點擊背景按鈕，在這里設置一個背景顏色，此顏色是邊框顏色。
接著，鼠標點住右側(cè)的滑塊，向上拉，拉到padding這里，在這里設置內(nèi)邊框的粗細。
在框內(nèi)的中心位置，點擊一下，加上鏈接。如下圖所示。
再上下左右的任意一處設置一個數(shù)值，那么其他方向的都會自動添加同一數(shù)值
看圖片！
已給圖片添加內(nèi)邊框了。邊框顏色即時剛才所設置的背景顏色。
給圖片添加外邊框
接下來，演示下添加外邊框的操作方法。同樣用上面這張圖片為例演示
如下所示，點擊邊框按鈕，再點擊所有邊按鈕。
然后在width這里設置邊框粗細
在stlye這里設置邊框的樣式
在color這里設置邊框的顏色
三者設置后，再看圖片，即添加上了自己想的邊框了。這是添加外邊框的方法
給圖片添加雙色邊框
上面所講的邊框都是單色的。下面，我給大家分享添加雙色邊框的方法。
同樣使用上面添加內(nèi)邊框時所設置的背景色，在這里是設置綠色背景。
然后，同樣使用上面添加外邊框的所設置的邊框顏色，為黃色。
現(xiàn)在要添加雙色邊框的話，要點在于，在stlye這里設置邊框樣式時，要設置為double
邊框樣式設置為double之后，再看圖片時，就可以看到添加了雙色邊框了。背景色加邊框色的雙色邊框。
以上就是dreamweaver給圖片添加邊框的技巧，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
dreamweaver網(wǎng)頁上怎么制作DIV圖層?
DW2017圖片文字怎么并排排列? HTML圖片/文字并排排列代碼寫法
相關(guān)文章
HTML怎么角度代碼調(diào)節(jié)一個角的角度? dw調(diào)節(jié)一個角的角度代碼技巧
HTML怎么角度代碼調(diào)節(jié)一個角的角度？dw調(diào)節(jié)一個角的角度代碼技巧2023-02-23
DW2017圖片文字怎么并排排列? HTML圖片/文字并排排列代碼寫法
DW2017圖片文字怎么并排排列？DW2017中的圖片和文字想要并列排列，該怎么操作呢？下面我們就來看看HTML圖片/文字并排排列代碼寫法2023-01-29
dw有序列表ol怎么用? HTML頁面添加有序列表ol的教程
dw有序列表ol怎么用？ Dreamweaver頁面中國的內(nèi)容需要添加列表效果，該怎么添加有序列表呢？下面我們就來看看HTML頁面添加有序列表ol的教程2023-01-09
html用代碼制作虛線框怎么做？想要在頁面中繪制一個虛線圓形，該怎么制作呢？下面我們就來看看dw制作虛線圓圈的技巧，詳細請看下文介紹2022-11-21
Dw怎么撤銷組合鍵? Dw關(guān)閉按control組合鍵顯示新建文檔對話框的技巧
Dw怎么撤銷組合鍵？Dreamweaver中經(jīng)常會使用快捷鍵創(chuàng)建新文檔，如果想要關(guān)閉這個快捷鍵，該怎么操作呢？下面我們就來看看Dw關(guān)閉按control組合鍵顯示新建文檔對話框的技巧2022-07-19
Dw2018打開只讀文件提示警告怎么辦？Dw2018中打開制度文件就會出現(xiàn)警告，想要關(guān)閉警告，下面我們就來看看Dreamweaver關(guān)閉打開只讀文件時警告用戶的技巧2022-05-19
dw中水平線的顏色怎么改? Dreamweaver水平線修改顏色的兩種方法
dw中水平線的顏色怎么改？dw插入的水平線想要修改默認的顏色，該怎么修改呢？下面我們就來看看Dreamweaver水平線修改顏色的兩種方法，詳細請看下文介紹2022-04-19
Dw CC 2018怎么設置上載前先保存文件? Dreamweaver站點的設置方法
Dw CC 2018怎么設置上載前先保存文件？Dreamweaver很常用，每次上載想要先保存文件，以防萬一，下面我們就來看看詳細的教程2021-11-09
Dw2018鍵盤快捷鍵怎么設置? Dreamweaver鍵盤快捷鍵的用法
Dw2018鍵盤快捷鍵怎么設置？Dw2018中可以設置鍵盤快捷鍵，該怎么設置呢？下面我們就來看看Dreamweaver鍵盤快捷鍵的開啟和關(guān)閉方法，詳細請看下文介紹2021-08-10
Dreamweaver2018怎么開啟臨時文件預覽? Dw2018中制作的網(wǎng)頁想要進行預覽，該怎么使用臨時文件預覽呢？下面我們就來看看詳細的設置方法2021-08-10
