经常写页面或者经常浏览网站的人对按钮一定不陌生,正在学习html和css的小伙伴,你会写html按钮代码吗?有哪些标签可以制作按钮呢?这篇文章就结合实例给大家介绍制作html按钮样式的三种标签(方法),有一定的参考价值,感兴趣的朋友可以看看。
制作按钮需要有一定的HTML和CSS基础,如有不清楚的同学可以参考PHP中文网的相关文章,或者访问 HTML视频教程,CSS视频教程,希望可以帮助到你。
方法1:button标签
实例描述:用
立即学习“前端免费学习笔记(深入)”;
button
效果如图所示:

方法2:标签
标签也可以制作按钮,其本身就是超链接,当鼠标点击按钮时,实现页面跳转的效果。
实例描述:用a标签制作按钮,将按钮背景颜色设置为红色,字体大小设为25px,用text-decoration: none去掉a标签自带的下划线,并用border-radius: 10px,让按钮呈现圆角效果,具体代码如下:
按钮a
效果图:

方法3:input标签
元素在
效果图:

总结:制作html按钮有三种方法,一种是button标签,一种是a标签,一种input标签,(input标签又分为两种,submit提交按钮,reset重置按钮),具体选择什么标签,看个人习惯和工作需要啦。
以上给大家介绍了有哪些标签可以制作按钮,初学者一定要自己动手尝试,看看能不能制作做更加好看的按钮,希望这篇文章对你有所帮助!更多相关教程请访问 HTML5完整版手册











