【无标题】

1.先加入7个div标签全都给上一个类名和一个p标签

 

2.我们先用通配符也就是*来把内外边距都设为0像素,这样所有标签自带的内外边距都由我们自己设置,然后选择到我们的最大的div标签的类名,给它设置宽高,再设置行高让字体居中,border是一个边框纯属个人喜好可加可不加,后给边框写个上下为50像素的一个外边距跟一个auto使其居中,再给个内边距使文字往中部靠拢

 

3.选到所有的div标签同样先给个合适的宽高,先给它一个右浮动,再给个背景色做个铺垫见效果颜色后面再做更改,再给他个上外边距使它居中,再弄个右边距把6个div隔开,还有p标签是独占一行,不给p标签但浮动的话前面的div都会被挤到下面。 

4.给每个div改上自己喜欢的颜色就行了,到这里css就完成了

 

 

5.我们就先用var声明变量获取到div标签的类名,bd我们首页面的类名同样也要获取到 

6.现在就给它每个按钮绑定点击事件,后改变bd里style的一个样式来改变它的一个背景颜色,后面再把对应的颜色加上就行了。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值