css按钮

本篇是从实战中学前端的第一篇，先来用css实现一些按钮。大概样式如图： 按钮初体验 html表示中作为按钮的标签有button和input <!-- type="button"可省，省略时表示type="submit" --> <button type="button">按钮</button> <!-- 也可为type="submit" 此时主要用在表单提交中（如登录时），此时type不能省略 --> <input type="button" value="按钮" /> 我们来看看默认的按钮效果： <button>按钮</button>或<input type="button" value="按钮" /><!-- 为了简单，本篇就默认前一种 --> 默认的按钮太丑了有木有？肿么让它变得好看点呢？此时就是css展示它的功法了。 css神奇初见 css全称为层叠样式表，简单说来就是实现网页的效果，如按钮美化。 <button style="width: 80px;height: 40px;background: #4CAF50;- border: none;">按钮</button> 变漂亮点了对不对？让我们来解释一下： style="" style翻译成中文就是样式，引号里边的内容就表示这个按钮的样式。 注：给Html元素设置css样式有三种，此为第一种，后面再介绍 width: