<output id="jbxdv"></output>

      1. 網頁設計中的前景色影響邊框

        • 2019-01-03 14:34:59
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        影響邊框

        網站建設中的color值還可以影響元素周圍的邊框。假設已經聲明了以下樣式,其結果如圖9-4所示:

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

        圖9-4:邊框顏色取自內容的顏色

        元素<p class="aside">有灰色文本和灰色中等寬度的實線邊框。這是因為,默認地前景色會應用到邊框。要覆蓋這種行為,最基本的辦法是使用屬性border-color:

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

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

        有時,利用邊框可以影響圖像的前景色。由于圖像本身就由顏色組成,所以實際上網站建設這些使用color是無法影響的,不過可以改變圖像周圍任何邊框的顏色。這可以利用color或border-color做到。因此,以下規則對class為type1和type2的圖像有相同的視覺效果,如圖9-5所示:

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

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

        圖9-5:為圖像設置邊框顏色

        當前文章標題:網頁設計中的前景色影響邊框

        當前URL:http://www.freenetsites.com/news/wzzz/Affect-border.html

        上一篇:網頁設計中的前景色替換屬性

        下一篇:網頁設計中的表單元素

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>