網(wǎng)頁(yè)設(shè)計(jì)中的前景色影響邊框

  • 2019-01-03 14:34:59
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://m.supportcoffeeroasters.com

影響邊框

網(wǎng)站建設(shè)中的color值還可以影響元素周?chē)倪吙颉<僭O(shè)已經(jīng)聲明了以下樣式,其結(jié)果如圖9-4所示:

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

圖9-4:邊框顏色取自?xún)?nèi)容的顏色

元素<p class="aside">有灰色文本和灰色中等寬度的實(shí)線(xiàn)邊框。這是因?yàn)?,默認(rèn)地前景色會(huì)應(yīng)用到邊框。要覆蓋這種行為,最基本的辦法是使用屬性border-color:

p.aside{color:gray;border-style:solid;border-color:black;}

這會(huì)使文本為灰色,但邊框是黑色。為border-color設(shè)置的值總會(huì)覆蓋color值。

有時(shí),利用邊框可以影響圖像的前景色。由于圖像本身就由顏色組成,所以實(shí)際上網(wǎng)站建設(shè)這些使用color是無(wú)法影響的,不過(guò)可以改變圖像周?chē)魏芜吙虻念伾?。這可以利用color或border-color做到。因此,以下規(guī)則對(duì)class為type1和type2的圖像有相同的視覺(jué)效果,如圖9-5所示:

img.type1{color:gray;border-style:solid;}

img.type2{border-color:gray;border-style:solid;}

圖9-5:為圖像設(shè)置邊框顏色

當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的前景色影響邊框

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/Affect-border.html

上一篇:網(wǎng)頁(yè)設(shè)計(jì)中的前景色替換屬性

下一篇:網(wǎng)頁(yè)設(shè)計(jì)中的表單元素

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號(hào))