這篇文章主要介紹了css如何給圖片加上下邊框，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司，專注網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站營(yíng)銷推廣，域名注冊(cè)，虛擬主機(jī)，網(wǎng)站托管維護(hù)有關(guān)企業(yè)網(wǎng)站制作方案、改版、費(fèi)用等問(wèn)題，請(qǐng)聯(lián)系成都創(chuàng)新互聯(lián)。

css給圖片加上下邊框的方法：可以利用border-top屬性和border-bottom屬性來(lái)添加上下邊框，如【border-bottom:thick dotted;border-top:thick double;】。

border-bottom 簡(jiǎn)寫屬性把下邊框的所有屬性設(shè)置到一個(gè)聲明中。

• border-bottom-width    規(guī)定下邊框的寬度。

• border-bottom-style    規(guī)定下邊框的樣式。

• border-bottom-color    規(guī)定下邊框的顏色。

舉例：

p
  {
  border-style:solid;  
  border-bottom:thick dotted #ff0000;
  }

border-top 簡(jiǎn)寫屬性把上邊框的所有屬性設(shè)置到一個(gè)聲明中。

• border-top-width    規(guī)定上邊框的寬度。

• border-top-style    規(guī)定上邊框的樣式。

• border-top-color    規(guī)定上邊框的顏色。

舉例：

p
{
border-style:solid;
border-top:thick double #ff0000;
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css如何給圖片加上下邊框內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

分享文章：css如何給圖片加上下邊框-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://weahome.cn/article/ehicg.html