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