<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>36种漂亮的CSS3网页按钮Button样式</title>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font-size:14px;font-family:"微软雅黑";background:#f5faff;}
.demo_con{width: 960px;margin:40px auto 0;}
</style>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<div class="demo_con">
<button type="button" class="button gray">立即购买</button>
<button type="button" class="button black">立即购买</button>
<button type="button" class="button red">立即购买</button>
<button type="button" class="button yellow">立即购买</button>
<button type="button" class="button green">立即购买</button>
<button type="button" class="button blue">立即购买</button>
<button type="button" class="button gray round">下载资源</button>
<button type="button" class="button black round">下载资源</button>
<button type="button" class="button red round">下载资源</button>
<button type="button" class="button yellow round">下载资源</button>
<button type="button" class="button green round">下载资源</button>
<button type="button" class="button blue round">下载资源</button>
<button type="button" class="button gray side">下载资源</button>
<button type="button" class="button black side">下载资源</button>
<button type="button" class="button red side">下载资源</button>
<button type="button" class="button yellow side">下载资源</button>
<button type="button" class="button green side">下载资源</button>
<button type="button" class="button blue side">下载资源</button>
<button type="button" class="button gray tags">登录</button>
<button type="button" class="button black tags">登录</button>
<button type="button" class="button red tags">登录</button>
<button type="button" class="button yellow tags">登录</button>
<button type="button" class="button green tags">登录</button>
<button type="button" class="button blue tags">登录</button>
<button type="button" class="button gray rarrow">了解更多</button>
<button type="button" class="button black rarrow">了解更多</button>
<button type="button" class="button red rarrow">了解更多</button>
<button type="button" class="button yellow rarrow">了解更多</button>
<button type="button" class="button green rarrow">了解更多</button>
<button type="button" class="button blue rarrow">了解更多</button>
<button type="button" class="button gray larrow">返回</button>
<button type="button" class="button black larrow">返回</button>
<button type="button" class="button red larrow">返回</button>
<button type="button" class="button yellow larrow">返回</button>
<button type="button" class="button green larrow">返回</button>
<button type="button" class="button blue larrow">返回</button>
</div>
</body>
</html>
36种漂亮的CSS3网页按钮Button样式
5星 · 超过95%的资源 需积分: 50 24 浏览量
2018-03-18
19:45:57
上传
评论 5
收藏 4KB ZIP 举报
普通网友
- 粉丝: 1
- 资源: 10
最新资源
- 课程设计-python爬虫-爬取日报,爬取日报文章后存储到本地,附带源代码+课程设计报告
- 软件和信息技术服务行业投资与前景预测.pptx
- 课程设计-基于SpringBoot + Mybatis+python爬虫NBA球员数据爬取可视化+源代码+文档+sql+效果图
- 软件品质管理系列二项目策划规范.doc
- 基于TensorFlow+PyQt+GUI的酒店评论情感分析,支持分析本地数据文件和网络爬取数据分析+源代码+文档说明+安装教程
- 软件定义无线电中的模拟电路测试技术.pptx
- 软件开发协议(作为技术开发合同附件).doc
- 软件开发和咨询行业技术趋势分析.pptx
- 软件测试题详解及答案.doc
- 软件漏洞生命周期管理策略.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈