1、定义一个如图所示的矩形按钮 为其添加两个伪元素 添加伪类hover：transition 属性是一个简写属性，用于设置四个过渡属性：transition-property：规定设置过渡效果的 CSS 属性的名称。
成都创新互联服务项目包括华容网站建设、华容网站制作、华容网页制作以及华容网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，华容网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到华容省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
2、px；background-color：#999999；color：#ff0000；font-size：18px；font-family：隶书} 用border 及solid设置过框。再用background-color设置背景，同时用color设置字体颜色。font-family设置字体。
3、按钮添加成功，效果如下。END 新建CSS规则 1 在CSS样式表中，选择“新建CSS规则“2 在弹出的窗口中选择”类（可应用于任何HTML元素）“，选择器名称设置为“btnstyle”，然后点击“确定”。
4、新建一个页面，如下图。把checkbox藏起来，切换按钮主要用label实现。给label加上适当的css属性 给label加上before和after伪类。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。
启动dreamweaver，点击“站点”---“新建站点”2 在弹出的窗口中，站点名称为“漂亮按钮”，本地站点文件夹可以根据需要选择。点击“保存”按钮，站点创建成功。
汉堡按钮就是几个css动画，加上javascript的onclick事件的绑定，很简单的。我给你写了一个，你看看效果吧。这个用了css的媒体查询功能，电脑上看得时候要把浏览器窗口缩小才看得到效果。
首先，打开html编辑器，新建html文件，例如：index.html。
首先新建html页面，设置一个button按钮。 然后拷贝一张图片，编辑CSS代码。引入JQ的类库，并引入之前编辑的CSS样式。 编辑js代码，之后运行即可。 代码目录结构如下。 最终效果如下图所示，就完成了。
首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
点击“文件”---“新建”，在弹出的窗体中选择“空白页”---“CSS”，然后点击“创建”按钮。2 点击“文件”---“保存”，在文件名中输入“style”，然后点击“保存”，样式表文件创建成功。
px；background-color：#999999；color：#ff0000；font-size：18px；font-family：隶书} 用border 及solid设置过框。再用background-color设置背景，同时用color设置字体颜色。font-family设置字体。
