天蠶網(wǎng)站建設編緝語(yǔ)：我們在網(wǎng)站建設中，為了讓網(wǎng)頁(yè)設計得漂亮，我們有時(shí)侯會(huì )將邊框或者導航條的四個(gè)角成半圓或圓弧效果，在PHOTOSHOP里先出一個(gè)樣版效果出來(lái)，客戶(hù)覺(jué)得好看了，我們就用DIV＋CSS樣式表，表達出效果，在早期的的代碼書(shū)寫(xiě)中，我們是用了圖片圓角弧的背景或者比較繁鎖的代碼來(lái)完成，而且通過(guò)樣式表來(lái)表現這些形狀，減少圖片使用，也大大提高了網(wǎng)站的訪(fǎng)問(wèn)速度；今天我們要講的是一個(gè)比較簡(jiǎn)單的方法，只需要一行代碼就可以解決的。效果范例如下：

它的樣式規則為：

.button {
 background-color: #0AA0AE;注：背景顏色
 color: #FFF;
 height: 50px;
 width: 90px;
 margin-left: 0.7%;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 border-radius:6px;注：圓弧定義（radius的翻譯為：半徑范圍，）

｝

上述代碼看了，我們就知道，實(shí)際上我們只定義二個(gè)規則，一個(gè)是背景顏色barground-color的定義，一個(gè)是border-radius的定義.