<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »怎么修改網站背景色-至成科技網站建設小知識

        怎么修改網站背景色-至成科技網站建設小知識

        至成科技 2014-07-22 訪問量(1655) 評論(0)
        摘要:

        HTML 是用來描述網頁的一種語言。

        怎么修改網站的背景色?


        背景語言(Backgrounds)
        <body> 擁有兩個配置背景的標簽。背景可以是顏色或者圖像。
        背景顏色(Bgcolor)
        背景顏色屬性將背景設置為某種顏色。屬性值可以是十六進制數、RGB 值或顏色名。

        <body bgcolor="#000000">
        <body bgcolor="rgb(0,0,0)">
        <body bgcolor="black">

        以上的代碼均將背景顏色設置為黑色。
        背景(Background)
        背景屬性將背景設置為圖像。屬性值為圖像的URL。如果圖像尺寸小于瀏覽器窗口,那么圖像將在整個瀏覽器窗口進行復制。
        <body background="clouds.gif">

        URL可以是相對地址,如先進行代碼。也可以使絕對地址,如第二行代碼。
        提示:如果你打算使用背景圖片,你需要緊記一下幾點:
        背景圖像是否增加了頁面的加載時間。小貼士:圖像文件不應超過 10k。
        背景圖像是否與頁面中的其他圖象搭配良好。
        背景圖像是否與頁面中的文字顏色搭配良好。
        圖像在頁面中平鋪后,看上去還可以嗎?
        對文字的注意力被背景圖像喧賓奪主了嗎?
        基本的注意事項 - 有用的提示:
        <body> 標簽中的背景顏色(bgcolor)、背景(background)和文本(text)屬性在較新的 HTML 標準(HTML4 和 XHTML)中已被廢棄。W3C 在他們的推薦標準中已刪除這些屬性。
        應該使用層疊樣式表(CSS)來定義 HTML 元素的布局和顯示屬性。


        用CSS控制背景色 

        背景色

        可以使用 background-color 屬性為元素設置背景色。這個屬性接受任何合法的顏色值。

        這條規則把元素的背景設置為灰色:

        p {background-color: gray;}

        如果您希望背景色從元素中的文本向外少有延伸,只需增加一些內邊距:

        p {background-color: gray; padding: 20px;}


        可以為所有元素設置背景色,這包括 body 一直到 em 和 a 等行內元素。

        background-color 不能繼承,其默認值是 transparent。transparent 有“透明”之意。也就是說,如果一個元素沒有指定背景色,那么背景就是透明的,這樣其祖先元素的背景才能可見。

        背景圖像

        要把圖像放入背景,需要使用 background-image 屬性。background-image 屬性的默認值是 none,表示背景上沒有放置任何圖像。

        如果需要設置一個背景圖像,必須為這個屬性設置一個 URL 值:

        body {background-image: url(/i/eg_bg_04.gif);}

        大多數背景都應用到 body 元素,不過并不僅限于此。

        下面例子為一個段落應用了一個背景,而不會對文檔的其他部分應用背景:

        p.flower {background-image: url(/i/eg_bg_03.gif);}

        您甚至可以為行內元素設置背景圖像,下面的例子為一個鏈接設置了背景圖像:

        a.radio {background-image: url(/i/eg_bg_07.gif);}


        理論上講,甚至可以向 textareas 和 select 等替換元素的背景應用圖像,不過并不是所有用戶代理都能很好地處理這種情況。

        另外還要補充一點,background-image 也不能繼承。事實上,所有背景屬性都不能繼承。


        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划