18禁黄无遮挡免费网站动漫_日本 欧美 亚洲 另类_91sex国产_免费h在线观看视频网站

天蠶在你身邊

不方便打電話?讓天蠶聯(lián)絡(luò)你

我們存在,我們思索,我們不斷進(jìn)取首頁(yè) >> 資訊 >> 網(wǎng)站建設(shè)知識(shí)
網(wǎng)站建設(shè)css里設(shè)置矩形圓角的簡(jiǎn)單方法

天蠶網(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)單的方法,只需要一行代碼就可以解決的。效果范例如下:

css實(shí)現(xià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

渝ICP備09007657號(hào)-6

渝公網(wǎng)安備 50010302000872號(hào)