沃梦达 / 实例代码 / 前端实例代码 / 正文

CSS定义功能按钮

沃梦达教程前端实例代码

1970-01-01 14

htmlheadlink rel = stylesheet href = /css_buttons/beauton.min.css

编程学习网为您整理以下代码实例，主要实现：CSS定义功能按钮，希望可以帮到各位朋友。

<HTML>
   <head>
      <link rel = "stylesheet" href = "/CSS_buttons/beauton.min.CSS">
   </head>

   <body>
      <button class = "btn btn--positive">Positive</button> <br/>  <br/>
      <button class = "btn btn--negative">Negative</button><br/><br/>
      <button class = "btn btn--inactive">Disabled</button><br/><br/>
      <button class = "btn btn--soft">Rounded</button><br/><br/>
      <button class = "btn btn--hard">Hard</button><br/><br/>
   </body>
</HTML>

版权声明：本站部分内容来源互联网,如果文章中所涉及的图片或者文字内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

沃梦达教程

本文标题为：CSS定义功能按钮

上一篇： CSS加载按钮

下一篇： CSS结合样式

基础教程推荐

学习Bootstrap5

猜你喜欢

Bootstrap navbar-fixed-bottom类使用 1970-01-01
Bootstrap .btn-primary类 1970-01-01
D3.js数组API 1970-01-01
Bootstrap表格行或单元格 1970-01-01
Bootstrap .well类 1970-01-01
D3.js selectAll()用法 2022-07-13
Bootstrap单选按钮 1970-01-01
原始CSS美化select下拉框option示例代码 2022-10-05
Bootstrap创建下拉菜单 1970-01-01
js过滤所有特殊字符的实例代码 2022-10-16