<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3多样式小图标按钮DEMO演示</title>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<div style="text-align:center;clear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<h2>Actions</h2>
<a href="#" class="button">Button</a>
<a href="#" class="button add">Add</a>
<a href="#" class="button edit">Edit</a>
<a href="#" class="button delete">Delete</a>
<a href="#" class="button save">Save</a>
<a href="#" class="button email">Send email</a>
<br><br>
<h2>Miscellaneous</h2>
<a href="#" class="button like">Like</a>
<a href="#" class="button next">Next</a>
<a href="#" class="button star">Favourite</a>
<a href="#" class="button spark">Spark</a>
<a href="#" class="button play">Play</a>
<br><br>
<h2>Social media buttons</h2>
<a href="#" class="button tw">Follow me</a>
<a href="#" class="button fb">Become a fan</a>
<h2>Buttons and inputs</h2>
<button class="button">Clean button</button>
<button class="button save">Button with icon</button>
<button class="button" disabled>Disabled button</button>
<button class="button save" disabled>Another disabled button</button>
<br>
<input class="button" type="submit" value="Input submit">
<input class="button" type="button" value="Input button">
<input class="button" type="submit" value="Input submit disabled" disabled>
<input class="button" type="button" value="Input button disabled" disabled>
<br><br>
<script src='http://codepen.io/assets/libs/fullpage/none.js'></script>
</body>
</html>
CSS3多样式小图标按钮
需积分: 40 91 浏览量
2018-09-06
10:00:22
上传
评论
收藏 3KB ZIP 举报
从事.Net的xiao学生
- 粉丝: 5
- 资源: 9