中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

網站設計時更改HTML表格背景色的新方法探索

2021-12-22    分類: 網站設計


網站建設開發中,表格幾乎每個網站都會有所使用,而使用css樣式表更改表格或者單元格背景顏色更不陌生。這篇文章講述的主題,通過一些技術探索,告訴你在網站設計時更改HTML表格背景色的新方法。多年來,更改網站上表格各部分的背景色的方法已經發生了變化,隨著樣式表的引入其變得更加容易。較舊的方法使用屬性bgcolor來更改表的背景色。它還可用于更改表行或表單元格的顏色。但是bgcolor屬性已經被棄用,取而代之的是樣式表,所以它不是操縱表格背景顏色的好方式。更改背景顏色的更好方法,是將Style屬性背景顏色添加到表、行或單元格標記中。
以下示例更改整個表格的背景色:
要更改單行的顏色,請在
標記中插入背景顏色屬性:
可以通過將屬性添加到<;td>;標記來更改單個單元格的顏色:
  • <tfoot id="qmcqq"><input id="qmcqq"></input></tfoot>
    <strike id="qmcqq"><input id="qmcqq"></input></strike>
    還可以相同的方式將背景顏色應用于表頭或<;th>;標記:
    使用樣式表更改背景顏色
    但是,最好避免使用背景顏色屬性,而使用格式正確的樣式表。例如,可以在HTML文檔頭部的樣式表中設置樣式,也可以在外部樣式表中設置樣式。類似于Head或外部樣式表中的更改可能會顯示為表、行和單元格的以下內容:
    table { background-color: #ff0000; }
    tr { background-color: yellow; }
    td { background-color: #000; }
    設置列背景顏色
    設置列背景顏色的好方法是創建一個Style類,然后將該類分配給該列中的單元格。創建類允許您使用一個屬性將該類分配給特定列中的單元格。
    CSS:
    td.ColColor { background-color: blue; }
    HTML:
    cell 1cell 2
    cell 1cell 2
    通過樣式表控制背景顏色的一個顯著優點是您可以在以后更改顏色選擇。不必遍歷HTML文檔并對每個單元格進行更改,您可以對CSS中的顏色選擇進行單個更改,該更改將立即應用于class=“Col Color”語法出現的每個實例。雖然在HTML中插入CSS或調用單獨的CSS文件會增加一些管理開銷,而不僅僅是修改HTML屬性,但您會發現依賴CSS可以減少錯誤、加快開發速度并提高文檔的可移植性。

    網頁標題:網站設計時更改HTML表格背景色的新方法探索
    當前網址:http://m.2m8n56k.cn/news/141474.html

    網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站設計

    廣告

    聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

    主站蜘蛛池模板: 久久久亚洲精品蜜桃臀 | 成人国内精品久久久久影院 | 玖玖色视频 | 99久久精品免费看国产 | 久草在线视频在线观看 | 亚洲一区二区三区四区在线 | 欧美午夜成年片在线观看 | 亚洲一区二区成人 | 中文字幕亚洲综合久久男男 | 国内精品一区二区三区最新 | 亚洲国产精品a在线 | 精品日韩一区二区三区视频 | 国自产精品手机在线视频香蕉 | 国产精品7m凸凹视频分类大全 | 国产成人性色视频 | 91天仙tv嫩模福利 | 国产精品男人的天堂 | 国产在线精品福利一区二区三区 | 澳门毛片在线播放 | 日韩在线 | 中文 | 欧美一区二区在线免费观看 | 性午夜| 国产毛片一级国语版 | 亚洲一级网站 | 成人一级视频 | 亚洲一级黄色毛片 | 亚洲国产精品成 | 国产欧美日韩视频在线观看一区二区 | 婷婷色综合久久五月亚洲 | 特黄特黄aaaa级毛片免费看 | 国产自在自线午夜精品视频在 | 亚洲免费a | 日韩 欧美 中文 亚洲 高清 在线 | 美国免费高清一级毛片 | 久草视频在线免费看 | 日韩在线视频一区二区三区 | 日韩一级欧美一级毛片在线 | 性久久久久久久 | 亚洲成人aa| 国产免费一级高清淫曰本片 | 国产情侣久久 |
    • <tfoot id="qmcqq"><input id="qmcqq"></input></tfoot><tfoot id="qmcqq"><input id="qmcqq"></input></tfoot>