免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

css如何實現點擊div改變背景顏色

這篇文章主要講解了“css如何實現點擊div改變背景顏色”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css如何實現點擊div改變背景顏色”吧！

創新互聯建站專注于渾江網站建設服務及定制，我們擁有豐富的企業做網站經驗。 熱誠為您提供渾江營銷型網站建設，渾江網站制作、渾江網頁設計、渾江網站官網定制、小程序制作服務，打造渾江網絡公司原創品牌,更為您提供渾江網站排名全網營銷落地服務。

在css中，可以利用“:active”選擇器和“background-color”屬性來實現點擊div改變背景顏色效果，只需要給div元素添加“div:active{background-color:顏色值;}”樣式即可。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css怎樣點擊div改變背景顏色

我們可以利用:active選擇器和background-color屬性來設置點擊div改變背景顏色。

:active 選擇器用于選擇活動鏈接。background-color 屬性設置元素的背景顏色。

示例如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width:200px;
                height:150px;
                border: 1px solid red;
                background-color:red;  
            }
            div:active{
                background-color:black;
            }
        </style>
    </head>
    <body>
        <div>鼠標點擊div盒子</div>
    </body>
</html>

輸出結果：

css如何實現點擊div改變背景顏色

感謝各位的閱讀，以上就是“css如何實現點擊div改變背景顏色”的內容了，經過本文的學習后，相信大家對css如何實現點擊div改變背景顏色這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

文章標題：css如何實現點擊div改變背景顏色
文章分享：http://m.newbst.com/article0/jegcoo.html

成都網站建設公司_創新互聯，為您提供定制網站、Google、軟件開發、定制開發、網站維護、網站設計公司

廣告

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

成都定制網站建設