logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

HTML 按钮元素与样式(<button>)

  • HTML的八层元素被用来在界面上添加按钮。
  • 对网页文档进行修改,并使用<div>元素将段落文本包装起来。
  • 设计并添加按钮样式,使用button标签作为样式选择器。
  • 设置鼠标指针样式(cursor: pointer)和元素显示类型(display: block)。
  • 移除默认边框、设置字号大小(16px)、字体粗细(400)和行高(1.1)。
  • 为按钮添加背景颜色(黑色)、字体颜色(白色)、内边距和圆角(5px)。
  • 设置过渡效果,包括盒阴影和颜色变化,时长均为0.3秒。
  • 设计按钮的悬停(:hover)和激活(:active)状态样式,包括阴影和文字颜色透明度调整。
  • 最终预览按钮元素的样式在Chrome浏览器中。