昨天写JavaScript控制div属性的demo时,看到默认按钮实在丑得有点难受。
所以想了想,试着用css美化一下。
先来看效果:
美化前
美化后
当然,如果有人看到了这篇文章,还觉得我是把默认样式给丑化了,我也不说话了,毕竟每个人的审美是不一样,而且我这篇主要说的是方法思路,我也不是搞艺术的,没办法征服所有人,哈哈哈。
css部分代码
input{
border-color:aqua;background-color:#D9F2F4;color:#FA9193;font-weight:bolder;font-size:20px; width:100px;height:50px;
}
border-color更改边框颜色,background-color更改按钮背景颜色,color更改字体颜色,font-weight更改字体为粗体,font-size更改字体大小,width和height更改按钮大小。
html部分代码
<input type="button" value="变宽"/>
美化就完成了。
还不快抢沙发