Css中怎樣才能添加圖片邊框呢?

就是圖片上右下角的邊框，想了好幾種方法實行不了，謝謝大家的回答

基本就是相對 + 絕對定位實現效果

& .box {
position: relative;
width: 450px;
height: 300px;
overflow: hidden;
}
.box p {
position: absolute;
bottom:0;
left:0;
right: 0;
width: 100%；
line-heihgt: 3;
padding: 10px;
text-align: right;
border-radius:50px 0 0 0;
background-color: rgba(255,255,255,0.8);
}
& &
&
&內容內容& &

這裡只實現了大致思路，具體需求，還請題主自己斟酌

codesandbox.io

jsrun.net

一個div就夠了。

求超越。

用div就可以寫出來的。

css樣式自己設置就可以的了

&&

其實可以直接一個 img 標籤就可以了。img 標籤作為 HTML 的元素之一 ，是可以設置背景的。因此只需要通過 padding預留空間，然後把你需要的圖片作為背景圖塞進去，那個邊框圓弧的圖形，作為 img 的 src 路徑放上去。

&

img {
display: block;
width: 200px;
height: 200px;
padding: 350px 50px 50px 350px;
border: 1px solid #000;
background: url(https://pic3.zhimg.com/80/v2-db3dc7db5b0e927855afb60599563013_1440w.jpg) no-repeat;
background-size: cover;
}

http://weixin.qq.com/r/uTp7fojEN0BLKMwdb289 (二維碼自動識別)

src 里的就是那個二維碼了，背景圖片了……

&
&
&

然後寫div的樣式。

Div啊套在img外面設置div邊框最靠譜

如果是右下那個半透明的弧形，就結構而言，那不是圖片的邊框，而是說明文字的背景。

這樣想就好實現了不是么：最簡單的就是做一個 PNG 背景圖。

圖片上右下角？

可以拿個圖片定位上去就行了，然後高度不變，寬度百分百

---

把img標籤寫到div中，然後對div大小auto讓他自己撐開，然後對div設置邊框。

---

&&

---

推薦閱讀：