css怎样点击div改变背景颜色
程序员文章站
2022-02-03 20:30:55
...
在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视频教程)
以上就是css怎样点击div改变背景颜色的详细内容,更多请关注其它相关文章!
下一篇: javascript怎么隐藏元素
推荐阅读
-
CSS改变网页中鼠标选中文字背景颜色例子
-
CSS改变网页中鼠标选中文字背景颜色例子
-
CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择_html/css_WEB-ITnose
-
.net开发微博 怎样能div 随着内容的大小而改变div的大小_html/css_WEB-ITnose
-
如何在javascript中改变div背景图片?_html/css_WEB-ITnose
-
求教一个问题,当鼠标放上去在改变背景图片时,同时改变div里面的图片,怎么实现?_html/css_WEB-ITnose
-
一个图片如何跨越2个不同背景颜色的Div?_html/css_WEB-ITnose
-
iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色_html/css_WEB-ITnose
-
CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择_html/css_WEB-ITnose
-
.net开发微博 怎样能div 随着内容的大小而改变div的大小_html/css_WEB-ITnose