網(wǎng)頁(yè)設計中的全局邊框

  • 2018-12-18 17:21:01
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

下面我們來(lái)看所有邊框屬性中最簡(jiǎn)短的簡(jiǎn)寫(xiě)屬性:border.

值:border

[<border-width> || <border-style>||<border-color>] | inherit

初始值:根據單個(gè)屬性

應用于:所有元素

繼承性:無(wú)

計算值:根據指定確定

這個(gè)屬性有一個(gè)好處,它相當簡(jiǎn)潔,雖然這種簡(jiǎn)潔性也帶來(lái)一些限制。在討論這些限制之前,先來(lái)看border如何工作。如果網(wǎng)站建設人員希望所有hi元素都有一個(gè)粗的銀色邊框,這很簡(jiǎn)單。以下聲明的結果如圖8-34所示:

h1{border:thick silver solid;}

這些值會(huì )應用到所有4個(gè)邊。盡管以下做法也不錯,不過(guò)上面的聲明更可?。?/p>

h1{border-top:thick silver solid:

border-bottom:thick silver solid;

border-right:thick silver solid;

border-left:thick silver solid;}/*same as previous example*/

使用border的缺點(diǎn)在于,只能定義“全局”的樣式。寬度和顏色。換句話(huà)說(shuō),為border提供的值將完全相等地應用到所有4個(gè)邊。如果網(wǎng)站建設人員希望一個(gè)元素有不同的邊框,則需要使用另外的某個(gè)邊框屬性。當然,可以充分利用層疊:

H1{border:thick silver solid;

border-left-width:20px;}

第二個(gè)規則會(huì )覆蓋第一個(gè)規則為左邊框設置的width值,將寬度替換為20px,如圖8-35所示

與以往一樣,要簡(jiǎn)寫(xiě)屬性仍要特別當心:如果少了一個(gè)值,就會(huì )自動(dòng)地填入默認值,這可能會(huì )讓網(wǎng)頁(yè)設計有意想不到的后果??紤]以下情況:

h4{border-style:dashed solid double;}

h4{border:medium green;}

在此,第二個(gè)規則中沒(méi)有指定border-style,這意味著(zhù)網(wǎng)站建設系統會(huì )使用默認值none,這樣一來(lái),所有h4元素都不會(huì )有任何邊框。

當前文章標題:網(wǎng)頁(yè)設計中的全局邊框

當前URL:http://amzcoolest.com/news/wzzz/Global-frame.html

上一篇:網(wǎng)頁(yè)設計中的簡(jiǎn)寫(xiě)邊框屬性

下一篇:網(wǎng)頁(yè)設計中的邊框和行內元素

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看