[CSS]單圖像實現圓角，自動符合高度--[備忘]

文章來源：單圖像實現圓角，自動符合高度--wowbox blog (網頁設計知識庫)

該網站上可以直接執行查看效果

先MEMO下來，後續再測試應用方式。

CSS 區塊：

<style type="text/css">
/*<![CDATA[*/
.wrap_content{float:left;background:url(attachments/month_0811/q2008118151351.jpg) right top no-repeat}
.content_left{float:left;background:url(attachments/month_0811/q2008118151351.jpg) left top no-repeat;width:10px;height:10px;overflow:hidden;}
.content_bottom{clear:both;float:left;background:url(attachments/month_0811/q2008118151351.jpg) left bottom no-repeat;padding-left:10px;}
.web_content{clear:both;float:left;background:url(attachments/month_0811/q2008118151351.jpg) right bottom no-repeat;padding:0 10px 10px 0;}
/*]]>*/
</style>


DIV 應用區塊：

<div class="wrap_content">
<div class="content_left"></div>
<div class="content_bottom">
<div class="web_content">
這是一個圓角矩形<br />
圓角會隨著這裡面的內容擴張而擴張
</div>
</div>
</div>

原始圖檔: (來自原網站)