欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 按鈕按下后變黑

傅智翔2年前14瀏覽0評論

CSS3 是一種強大的樣式表語言,它可以實現很多有趣的效果,其中就包括按鈕按下后變黑的效果。下面是一個簡單的實現示例:

button {
background-color: #ccc;
padding: 10px 20px;
color: #fff;
border: none;
border-radius: 5px;
box-shadow: 0px 0px 4px #888888;
}
button:active {
background-color: #000;
}

這段代碼中,我們使用了一個 button 元素作為例子。我們首先定義了這個按鈕的基本樣式,包括背景顏色、內邊距、文字顏色、邊框、邊框圓角和陰影。

接下來,我們使用了 CSS3 的 :active 偽類選擇器,定義了按鈕在按下后的樣式變化。這里我們將按鈕的背景顏色改變為黑色。

這個例子雖然簡單,但是卻可以讓我們了解到,使用 CSS3 可以很容易地實現按鈕按下后變黑的效果。這個效果不僅美觀,還可以讓用戶更直觀地感受到按鈕被按下的狀態。