js更改div样式

 1、先创建一个容器用于存放按钮

2、给这些按钮写一个标题

3、添加按钮(更改元素宽、高、背景颜色、边框大小)

4、给div设置样式,居中,看下效果

5、 继续完善按钮(包括边框类型选择、边框颜色、边框弧度以及应用按钮)

6、给不同等长度的按钮设置好长度,让其看起来更加美观

7、写一个用于接受更改的div,并设置其样式

8、获取各个选项框

9、原理是获取选项框的内容来更改元素的style

10、直接更改选项框和背景颜色即可更改div了;这种方式可以用于各种场景,列如给用户自己定制背景、定制头像框、定制主页样式等

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

VibMike

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值