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

        與邊框的其他方面相比,設(shè)置顏色很簡(jiǎn)單。網(wǎng)站建設(shè)CSS使用了一個(gè)簡(jiǎn)單屬性border-color,它一次可以接受最多4個(gè)顏色值。

        border-color

        值:[<color>|transparent]{1,4} | inherit

        初始值:對(duì)簡(jiǎn)寫(xiě)屬性未定義

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

        繼承性:無(wú)

        計(jì)算值:見(jiàn)單個(gè)屬性(border-top-color等)

        如果網(wǎng)頁(yè)設(shè)計(jì)的邊框值小于4個(gè),值復(fù)制就會(huì)起作用。如果設(shè)計(jì)人員希望h1元素有細(xì)的黑色上下邊框,而且有粗的灰色左右邊框,另外希望P元素外有中等粗細(xì)的灰色邊框,就可以用以下標(biāo)記,其結(jié)果見(jiàn)圖8-28:

        h1{border-style:solid;border-width:thin thick;border-color:black gray;}

        p{border-style:solid;border-color:gray;}

        當(dāng)然一個(gè)顏色值會(huì)應(yīng)用到所有4個(gè)邊,前例中的段落就是如此。另一方面,如果應(yīng)用了4個(gè)顏色值,那么每邊都會(huì)有不同的顏色??梢允褂萌魏晤愋偷念伾担缈梢允敲伾?,也可以是十六進(jìn)制和RGB值:

        p{border-style:solid;border-width:thick;

        border-color:black rgb(25%,25%,25%)#808080 silver;}

        本章前面提到過(guò),如果沒(méi)有聲明顏色,默認(rèn)顏色則是元素的前景色。因此,以下聲明會(huì)顯示為如圖8-29所示情景:

        p.shadel {border-style; solid; border-width: thick; color: gray;} p.shade2 {border-style: solid; border-width: thick; color: gray; border-color: black;}

        圖8-29:根據(jù)元素的前景色及border-color屬性值確定的邊框顏色

        其結(jié)果是第一段有一個(gè)灰色邊框,值gray取自段落的前景色。不過(guò),第二段有一個(gè)黑色邊框,因?yàn)檫@是使用border-color顯式指定的顏色。

        還有一些單邊border-color屬性。其原理與單邊樣式和寬度屬性相同。網(wǎng)站建設(shè)人員要為標(biāo)題指定一個(gè)實(shí)線黑色邊框,而且右邊框?yàn)閷?shí)線灰色,可以如下指定:

        h1{border-style:solid;border-color:black;border-right-color:gray;}

        border-top-color、border-right-color、border-bottom-color、 border-left-color

        值:<color>| transparent | inherit

        初始值:元素的color值

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

        繼承性:無(wú)

        計(jì)算值:如果沒(méi)有指定值,則使用同一元素的color屬性的計(jì)算值,否則,根據(jù)指定確定

        透明邊框

        你應(yīng)該還記得,如果一個(gè)邊框沒(méi)有樣式,就沒(méi)有寬度。不過(guò),有些情況下網(wǎng)頁(yè)制作人員可能想創(chuàng)建一個(gè)不可見(jiàn)的邊框。這就引人了邊框顏色值transparent(在CSS2中引入)。這個(gè)值用于創(chuàng)建有寬度的不可見(jiàn)邊框。

        假設(shè)你希望包含3個(gè)鏈接的一組鏈接有邊框,默認(rèn)地這些邊框不可見(jiàn),不過(guò),鼠標(biāo)停留在鏈接上時(shí)邊框要凸起。為此可以讓邊框在鏈接處于非懸停狀態(tài)下透明:

        a:link, a:visited {border-style: solid; border-width: 5px; border-color: transparent;} a:hover {border-color: gray;}

        從某種意義上說(shuō),利用transparent,使用邊框就像是額外的內(nèi)邊距一樣,此外還有一個(gè)好處,就是能在你需要的時(shí)候使其可見(jiàn)。這種透明邊框相當(dāng)于內(nèi)邊距,因?yàn)樵氐谋尘皶?huì)延伸到邊框區(qū)(假設(shè)有可見(jiàn)的背景)。

        警告:在IE7之前,IE/Win沒(méi)有提供對(duì)transparent的支持。在以前的版本中,IE會(huì)根據(jù)元素的color值來(lái)設(shè)置邊框顏色。

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢專線: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>