六睏的隨便生活

網頁設計師最頭痛的問題之一就是做表格圓角，早期大家都用圖片跟 table來製作
但是卻把頁面弄的很亂，可能過1個月，你已經搞混每一個小地方的狀況跟調整，無論多有耐心跟毅力
這都是很沒有效率的

jquery 已經做出了這樣的改善，當然前提是，你使用css支援完整的瀏覽器(IE8、FireFox、Chrome、Opera等)

直接就進入程式說明

第一：先到相關網站去下載(或直接 copy 來用) js 的檔案嵌入你的頁面，才能順利執行

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.09"></script>

第二：把程式寫在</head>之前

<script>

$(document).ready(function() {
    $("#o_bor").corner("round 7px");
});

</script>

#o_bor這個名稱是你<div id="">的名稱，請自行更改
corner("round 7px")這就是角度彎的像素，數字越大越彎

第三：秀出你的<div>外框

<div id="o_bor"></div>

做到第三步，儲存上傳到你的server(本機server)，就可以順利看到了

jquery corner demo 網站

現今的網頁設計都已採用 css 的模式做版型，因此在變化上較豐富，jquery的支援度可說是100%，也會提高seo的效果