欧美成人禁止网站_麻豆久草手机在线_中文字幕亚洲第一_欧洲乱码伦视频免费无码

天蠶在你身邊

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

我們存在,我們思索,我們不斷進(jìn)取首頁 >> 資訊 >> 網(wǎng)站建設(shè)知識
重慶網(wǎng)絡(luò)公司:矩形框四角圓弧樣式表處理若干方法

天蠶重慶網(wǎng)絡(luò)公司概述:網(wǎng)頁制作中矩形框也就是長方形或正方形的這種直角的四邊形,四角都是90度,我們?nèi)绾巫屗慕嵌紙A弧呢?許多網(wǎng)站建設(shè)的新手,可能直接通過圖片PS處理成圓弧的,事實(shí)上,我們可以直接通過樣式表來完成,下面我們看看,天蠶重慶網(wǎng)絡(luò)公司網(wǎng)站建設(shè)專家們的方法。
首先,我們在這里復(fù)習(xí)一下CSS知識,border-radius這個(gè)元素。因?yàn)槲覀冊诤竺鎸⒁玫摹?br />           border邊框?qū)傩裕?br />           radius 翻譯過來就是,橈骨; 半徑范圍; 半徑(距離); 用半徑度量的圓形面積
        
border-radius在這里就是圓弧的意思呢。(心急的朋友,或者已知上述知識的朋友,跳過這部分吧。)
其次,我們知道矩形是四邊形,四個(gè)角,也就是說,我們定義的時(shí)侯,就需要定義四角,即就需要四個(gè)參數(shù)分別設(shè)置(請注意順序:“上、左、下、右”的順序)。
如下圖的定義
圓弧定義圖例
        .box{ border-radius: 5px 10px 20px 50px }

如果我們需要四個(gè)角都像左下角那樣,如下圖:
四邊或四角圓弧定義效果
那么我們只需要義成   樣式: .box{ border-radius: 50;}

如果我們只想左右兩邊的出現(xiàn)圓弧,如下圖
定義兩邊圓弧效果
樣式: .box{ border-radius: 50px 50px 0px 0px }

如果我們要形成對角圓弧效果,如下圖:
對角圓弧效果圖
樣式.box{ border-radius: 50px 0px 20px 50px }

天蠶重慶網(wǎng)絡(luò)公司:對于很多不錯的效果,我們都可以通過CSS表式表來呈現(xiàn),從而讓網(wǎng)頁加載更快,使網(wǎng)站推廣的優(yōu)化工作做得更到位。對于能通過樣式表能實(shí)現(xiàn)的圖片效果,我們就需要盡可能使用樣式表來完成。以減少服務(wù)器的負(fù)荷以及加快瀏覽網(wǎng)頁的速度都是有很大的幫助的。。


地址:重慶市渝中區(qū)上清寺鑫隆達(dá)B座28-8

郵編:400015

電話:023-63612462

EMAIL:cnjl_net@163.com

渝ICP備09007657號-6

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