天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡(luò)你
天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡(luò)你
天蠶網(wǎng)站建設(shè)編緝語:我們在網(wǎng)站建設(shè)中,為了讓網(wǎng)頁設(shè)計得漂亮,我們有時侯會將邊框或者導航條的四個角成半圓或圓弧效果,在PHOTOSHOP里先出一個樣版效果出來,客戶覺得好看了,我們就用DIV+CSS樣式表,表達出效果,在早期的的代碼書寫中,我們是用了圖片圓角弧的背景或者比較繁鎖的代碼來完成,而且通過樣式表來表現(xiàn)這些形狀,減少圖片使用,也大大提高了網(wǎng)站的訪問速度;今天我們要講的是一個比較簡單的方法,只需要一行代碼就可以解決的。效果范例如下:
它的樣式規(guī)則為:
.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的翻譯為:半徑范圍,)
}
上述代碼看了,我們就知道,實際上我們只定義二個規(guī)則,一個是背景顏色barground-color的定義,一個是border-radius的定義.
地址:重慶市渝中區(qū)上清寺鑫隆達B座28-8
郵編:400015
電話:023-63612462
EMAIL:cnjl_net@163.com