logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年
  • VIO组件的样式可以内嵌在组件文件的style中。
  • 样式可以直接写在app button组件的style里,或者创建外部样式表后通过@import导入。
  • 需将CSS类名button用作样式选择器。
  • 设置按钮的outlinenonebordernone,去掉边框,并即时查看更改效果。
  • background用于设置背景颜色,color用于设置文本颜色为#5A5A5A
  • padding设置上下内边距为8px,左右内边距为16px
  • margin用于添加4px外边距,cursor设置为pointer
  • border-radius用于添加3px圆角。
  • 设计按钮的活动状态样式,button:active,设置opacity0.8