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