如何使用CSS在圖像周圍添加非矩形邊框？

我有三個圖像，它們的形狀不是正方形或矩形。他們就像任何人的臉。如何使用CSS在圖像周圍添加非矩形邊框？

因此，基本上，我的圖像尺寸爲196x196或類似的東西，但完整的正方形或矩形，中間的臉部和其他部分的其餘部分的transperant背景。

~~現在，我想刪除transperant背景，只是保持面部。~~

~~不知道這是否可能，並介意你，這不是一個編程問題。~~

編輯（來自評論）：如何使用CSS在圖像的形狀周圍放置邊框，而不是邊框周圍的矩形邊框。

2010-05-08 kapeels

-1非編程問題。所有圖像（除了一些矢量結構）都使用四邊形邊界框。我沒有聽說過完成這個機制。也許上下文會有幫助，你想做什麼？ – Gabriel 2010-05-08 18:41:31

好吧，我知道這會發生，但我們不關心它，並感謝評論...我正在做的是...我將圖像切分爲三個，使這些圖像可以通過HTML點擊。我設法使用CSS在原始照片中設置它們，但是當我嘗試添加邊框顏色時，它並沒有完成工作，只是與正方形，矩形等形狀接壤，所以我想要移除transperancy並讓他們這樣的邊界周圍的圖像，而不是形狀......我希望你明白 – kapeels 2010-05-08 18:45:35

我不知道你是什麼意思刪除透明度。就圖像處理而言，您可以設置圖像中圖層或圖像的Alpha通道值，但我不確定刪除透明度是什麼意思。正如Gabriel所說，無論您是否看到邊界矩形，圖像都是矩形。 – 2010-05-08 18:52:08

回答你關於臉部周圍邊界的問題。

加載圖像導入到Photoshop或GIMP
使這是一個副本
在底層的第二層，調整面，使其量越大所需的邊界是
使用低容差填充邊框顏色的放大面部，以使面部現在爲單色
保存爲.png並允許其變平。

沒有辦法使用CSS，我知道做到這一點 - 你可以寫一個程序來做這個使用ImageMagick或（dislaimer，我爲Atalasoft工作）DotImage，一個.NET成像SDK。在任何一種情況下，您都需要複製文件，調整大小和顏色，然後將原稿疊加到其上。

來源

2010-05-08 19:30:57

如何使用CSS在圖像周圍添加非矩形邊框？

回答

相關問題