不規則形狀的DOM元素

如何使它們成爲HTML或CSS？不規則形狀的DOM元素

例如： http://draw.to/D11KGJr

我聽說過的地圖標記，但現在看來，這只是產生一種無形的點擊區域，可以在其上不適用CSS屬性，如邊框或背景。

來源

2012-08-31 Alex

......這只是一個形象。這裏沒有不規則形狀的元素，只是一個帶圓角的div，包含''標籤。如果您正在討論繪製新圖像，則使用'

出於興趣，你爲什麼要這樣做？ –

我只是好奇。例如，我可能想繪製一張地圖 – Alex

除了像別人提出的那樣使用CSS3技術，您還可以在您的HTML文檔中嵌入SVG。

jsFiddle

<!doctype html> 
<html> 
    <!-- <head> ... --> 
    <body> 
    Taken from <a href="http://commons.wikimedia.org/wiki/File:SVG_example7.svg?uselang=de">http://commons.wikimedia.org/wiki/File:SVG_example7.svg?uselang=de</a>, thanks to <a href="http://commons.wikimedia.org/wiki/User_talk:Sarang?uselang=de">Sarang</a>! 
    <hr /> 
    <svg xmlns="http://www.w3.org/2000/svg" width="304" height="290"> 
     <path d="M2,111h300 l-242.7,176.3 92.7-285.3 92.7,285.3z" fill="#FB2" stroke="#B00" stroke-width="4" stroke-linejoin="round"/> 
    </svg> 
    </body> 
</html>

來源

2012-08-31 14:54:30 ComFreek