HTML/CSS中的自定義形狀文本區

是否可以在HTML/CSS（具有多於4個邊的Textarea）中具有自定義形狀的文本區域？怎麼樣？
事情是這樣的：
enter image description here
或者如果可能;更復雜的東西是這樣的：
HTML/CSS中的自定義形狀文本區

2012-03-07 RYN

對於頂部的結果，如果你有以下的HTML，你應該得到的東西就像你在找什麼

<div style="width:'textbox-width';"> 
    <img style="float: right" /> 
    <span>text goes here</span> 
</div>

在圖像就是你需要的大小的空白間隔，然後在跨距中的文本換行的圖像四周，如上所示。

六角可能用同樣的方法與triangluar圖像

2012-03-07 13:53:48

是否真的有這樣的事，作爲一個「三角形象」？我認爲不管圖像是長方形的。它可能是一個三角形的圖像，但圖像本身是一個矩形。 GIF和PNG圖像可以具有透明度，但不是非常不同的邊緣。也許一個css3轉換可能會導致圖像呈現角度？ – keithwyland 2012-03-07 14:15:28

的確，我並沒有真的那麼認爲。如果您使用不同寬度的圖像作爲選擇，可能會出現三角形圖像的印象。可能比它更值得冒險 – 2012-03-07 14:33:34

我不寒而慄在給這個鏈接的行爲是可能的，因爲它的超級非語義。最終你會得到大量的div，其唯一目的是爲文本創建「包裝點」。

但是，FWIW，這裏是你如何做你想問的問題。我個人只會爲了它的樂趣或者在我自己的網站上做這樣的事情，但可能不是任何其他製作公共站點。

2012-03-07 18:20:31 keithwyland

* cringe *內聯樣式：{D – Labu 2012-04-02 14:24:41

我可能會在未來成爲可能的CSS3地區和包裹形狀（由Adobe建議）： http://www.adobe.com/devnet/html5/articles/css3-regions.html

2012-03-30 06:27:20

回答