• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 網(wǎng)頁設(shè)計(jì)中的全局邊框

        下面我們來看所有邊框?qū)傩灾凶詈?jiǎn)短的簡(jiǎn)寫屬性:border.

        值:border

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

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

        應(yīng)用于:所有元素

        繼承性:無

        計(jì)算值:根據(jù)指定確定

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

        h1{border:thick silver solid;}

        這些值會(huì)應(yīng)用到所有4個(gè)邊。盡管以下做法也不錯(cuò),不過上面的聲明更可?。?/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)在于,只能定義“全局”的樣式。寬度和顏色。換句話說,為border提供的值將完全相等地應(yīng)用到所有4個(gè)邊。如果網(wǎng)站建設(shè)人員希望一個(gè)元素有不同的邊框,則需要使用另外的某個(gè)邊框?qū)傩?。?dāng)然,可以充分利用層疊:

        H1{border:thick silver solid;

        border-left-width:20px;}

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

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

        h4{border-style:dashed solid double;}

        h4{border:medium green;}

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

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>